Wähle ein Element auf der Seite aus, wie beispielsweise ein Bild
oder eine Verknüpfung.
Zuletzt aktualisiert am
27. April 2021
Verwende JavaScript-Verhalten in Adobe Dreamweaver, um JavaScript-Code in Dokumenten zu platzieren, damit Besucher eine Web-Seite ändern oder bestimmte Aufgaben initiieren können.
Mit Adobe-Dreamweaver-Verhalten wird JavaScript-Code in Dokumente eingefügt, damit Besucher Webseiten auf unterschiedliche Weise ändern oder bestimmte Aufgaben starten können. Ein Verhalten stellt eine Kombination eines Ereignisses mit einer durch dieses Ereignis ausgelösten Aktion dar. Im Bedienfeld „Verhalten“ können Sie einer Seite ein Verhalten hinzufügen, indem Sie eine Aktion angeben und anschließend die Ereignisse angeben, die diese Aktion auslösen.
Anmerkung
Verhalten-Code ist Client-seitiger JavaScript-Code; das heißt, er läuft in Browsern, nicht auf Servern.
Ereignisse sind praktisch Nachrichten, die von Browsern generiert werden und anzeigen, dass ein Besucher deiner Seite etwas getan hat.Wenn beispielsweise ein Besucher den Zeiger über einen Link bewegt, generiert der Browser ein onMouseOver-Ereignis für diesen Link; der Browser prüft dann, ob er als Antwort JavaScript-Code (der in der angezeigten Seite spezifiziert ist) aufrufen sollte.Verschiedene Ereignisse sind für verschiedene Seitenelemente definiert; zum Beispiel sind in den meisten Browsern onMouseOver und onClick Ereignisse, die mit Links verknüpft sind, während onLoad ein Ereignis ist, das mit Bildern und mit dem Hauptteil-Abschnitt des Dokuments verknüpft ist.
Eine Aktion ist vorgefertigter JavaScript-Code zur Ausführung einer Aufgabe, wie das Öffnen eines Browser-Fensters, das Anzeigen oder Ausblenden eines AP-Elements, das Abspielen eines Sounds oder das Anhalten eines Adobe Shockwave-Films. Dreamweaver-Aktionen bieten maximale browserübergreifende Kompatibilität.
Nachdem du ein Verhalten an ein Seitenelement anhängst, ruft das Verhalten die Aktion (JavaScript-Code) auf, die mit einem Ereignis verknüpft ist, wann immer dieses Ereignis für dieses Element auftritt.(Die Ereignisse, die du zum Auslösen einer bestimmten Aktion verwenden kannst, variieren von Browser zu Browser.)Wenn du beispielsweise die Popup-Nachrichten-Aktion an einen Link anhängst und spezifizierst, dass sie durch das onMouseOver-Ereignis ausgelöst wird, dann erscheint deine Nachricht, wann immer jemand den Zeiger über diesen Link bewegt.
Ein einzelnes Ereignis kann mehrere verschiedene Aktionen auslösen, und du kannst die Reihenfolge spezifizieren, in der diese Aktionen auftreten.
Dreamweaver bietet etwa zwei Dutzend Aktionen; zusätzliche Aktionen findest du auf der Exchange-Website unter www.adobe.com/go/dreamweaver_exchange sowie auf Websites von Drittanbietern.Du kannst deine eigenen Aktionen schreiben, wenn du JavaScript beherrschst.
Anmerkung
Die Begriffe Verhalten und Aktion sind Dreamweaver-spezifisch und keine HTML-Begriffe. Aus der Sicht des Browsers ist eine Aktion genau wie jeder andere JavaScript-Code.
Überblick über das Bedienfeld „Verhalten“
Du verwendest das Verhalten-Bedienfeld (Fenster > Verhalten), um Verhalten an Seitenelemente (genauer gesagt an Tags) anzuhängen und um Parameter von zuvor angehängten Verhalten zu ändern.
Verhalten, die bereits an das aktuell ausgewählte Seitenelement angehängt wurden, erscheinen in der Verhalten-Liste (dem Hauptbereich des Bedienfelds), alphabetisch nach Ereignis geordnet.Wenn mehrere Aktionen für dasselbe Ereignis aufgeführt sind, werden sie in der Reihenfolge ausgeführt, in der sie in der Liste erscheinen.Wenn keine Verhalten in der Verhalten-Liste erscheinen, wurden keine Verhalten an das aktuell ausgewählte Element angehängt.
Das Bedienfeld „Verhalten“ enthält die folgenden Optionen:
Festgelegte Ereignisse zeigen
Zeigt nur die Ereignisse an, die an das aktuelle Dokument angehängt wurden.Ereignisse sind in client- und serverseitige Kategorien unterteilt. Die Ereignisse der einzelnen Kategorien sind in einer ausblendbaren Liste aufgeführt. Ereignisse anzeigen ist die Standardansicht.
Alle Ereignisse zeigen
Zeigt alle Ereignisse für eine bestimmte Kategorie in alphabetischer Reihenfolge an.
Verhalten hinzufügen (+)
Zeigt ein Menü von Aktionen an, die an das aktuell ausgewählte Element angehängt werden können.Wenn du eine Aktion aus dieser Liste auswählst, erscheint ein Dialogfeld, in dem du Parameter für die Aktion spezifizieren kannst. Wenn alle Aktionen abgeblendet sind, können keine Ereignisse vom ausgewählten Element generiert werden.
Ereignis entfernen (–)
Entfernt das ausgewählte Ereignis samt Aktion aus der Verhaltenliste.
Pfeil-nach-oben und Pfeil-nach-unten
Bewege die ausgewählte Aktion in der Verhalten-Liste für ein bestimmtes Ereignis nach oben oder unten.Du kannst die Reihenfolge der Aktionen nur für ein bestimmtes Ereignis ändern – beispielsweise kannst du die Reihenfolge ändern, in der mehrere Aktionen für das onLoad-Ereignis auftreten, alle onLoad-Aktionen bleiben jedoch zusammen in der Verhaltensliste.Die Pfeil-Buttons sind für Aktionen deaktiviert, die nicht in der Liste nach oben oder unten verschoben werden können.
Ereignisse
Zeigt ein Popupmenü mit allen Ereignissen an, die die Aktion auslösen können. Das Popupmenü wird nur angezeigt, wenn ein Ereignis ausgewählt ist. (Dieses Menü wird angezeigt, wenn Sie auf die Pfeilschaltfläche neben dem Namen des ausgewählten Ereignisses klicken.) Je nach dem ausgewählten Objekt werden verschiedene Ereignisse angezeigt. Wenn die erwarteten Ereignisse nicht angezeigt werden, überprüfen Sie, ob das richtige Seitenelement oder Tag ausgewählt ist. (Verwenden Sie zum Auswählen eines bestimmten Tags den Tag-Selektor in der linken unteren Ecke des Dokumentfensters.)
Anmerkung
In Klammern stehende Ereignisnamen sind nur für Hyperlinks verfügbar. Wenn Sie einen dieser Ereignisnamen auswählen, wird dem ausgewählten Seitenelement automatisch ein Null-Hyperlink hinzugefügt und das Verhalten wird diesem Hyperlink zugeordnet (und nicht dem Element selbst). Im HTML-Code wird ein Null-Hyperlink wie folgt angegeben: href="javascript:;"
Ereignisse
Jeder Browser bietet eine Reihe von Ereignissen, die du mit den Aktionen verknüpfen kannst, die im Aktionen-Menü (+) des Verhalten-Bedienfelds aufgelistet sind. Wenn ein Besucher deiner Web-Seite mit der Seite interagiert – beispielsweise durch Klicken auf ein Bild – generiert der Browser Ereignisse; diese Ereignisse können verwendet werden, um JavaScript- Funktionen aufzurufen, die eine Aktion ausführen. Dreamweaver stellt viele gängige Aktionen bereit, die du mit diesen Ereignissen auslösen kannst.
Für Namen und Beschreibungen der Ereignisse, die von jedem Browser bereitgestellt werden, siehe das Dreamweaver Support Center unter www.adobe.com/go/dreamweaver_support.
Verschiedene Ereignisse erscheinen im Ereignis-Menü, abhängig vom ausgewählten Objekt. Um herauszufinden, welche Ereignisse ein bestimmter Browser für ein bestimmtes Seiten-Element unterstützt, füge das Seiten-Element in dein Dokument ein und füge ein Verhalten hinzu, dann schaue dir das Ereignis-Menü im Verhalten- Bedienfeld an. (Standardmäßig werden Ereignisse aus der HTML 4.01-Ereignisliste bezogen und werden von den meisten modernen Browsern unterstützt.) Ereignisse können deaktiviert (abgeblendet) sein, wenn die relevanten Objekte noch nicht auf der Seite existieren oder wenn das ausgewählte Objekt keine Ereignisse empfangen kann. Wenn die erwarteten Ereignisse nicht angezeigt werden, stelle sicher, dass das richtige Objekt ausgewählt ist.
Wenn du ein Verhalten zu einem Bild hinzufügst, erscheinen einige Ereignisse (wie onMouseOver) in Klammern. Diese Ereignisse sind nur für Verknüpfungen verfügbar. Wenn du eines davon auswählst, umschließt Dreamweaver das Bild mit einem <a>-Tag, um eine Null-Verknüpfung zu definieren. Die Null-Verknüpfung wird durch javascript:; im Link-Feld des Eigenschaftsinspektors dargestellt.Du kannst den Link-Wert ändern, wenn du ihn in eine echte Verknüpfung zu einer anderen Seite umwandeln möchtest, aber wenn du die JavaScript-Verknüpfung löschst, ohne sie durch eine andere Verknüpfung zu ersetzen, entfernst du das Verhalten.
Um zu sehen, welche Tags du mit einem bestimmten Ereignis in einem bestimmten Browser verwenden kannst, suche nach dem Ereignis in einer der Dateien im Ordner Dreamweaver/Configuration/Behaviors/Events.
Ein Verhalten definieren
Du kannst Verhalten dem gesamten Dokument (das heißt, dem <body>-Tag) oder Verknüpfungen, Bildern, Formular-Elementen und mehreren anderen HTML-Elementen zuweisen.
Der Ziel-Browser, den du auswählst, bestimmt, welche Ereignisse für ein bestimmtes Element unterstützt werden.
Du kannst mehr als eine Aktion für jedes Ereignis festlegen. Aktionen treten in der Reihenfolge auf, in der sie in der Aktionen-Spalte des Verhalten-Bedienfelds aufgelistet sind, aber du kannst diese Reihenfolge ändern.
Um ein Verhalten der gesamten Seite zuzuweisen, klicke auf das <body>-Tag im Tag-Selektor in der unteren linken Ecke des Dokument-Fensters.
Wählen Sie „Fenster“ > „Verhalten“.
Klicke auf den Plus-Button (+) und wähle eine Aktion aus dem
Verhalten-hinzufügen-Menü.
Aktionen, die in diesem Menü abgeblendet sind, können nicht ausgewählt werden. Diese können abgeblendet sein, weil ein erforderliches Objekt im aktuellen Dokument nicht existiert. Beispielsweise wird die Aktion Control Shockwave oder SWF abgeblendet dargestellt, wenn das Dokument keine Shockwave- oder SWF-Dateien enthält.
Wenn du eine Aktion auswählst, wird ein Dialogfeld mit Parametern und Anweisungen für die Aktion angezeigt.
Geben Sie Parameter für die Aktion ein und klicken Sie auf „OK“.
Alle Aktionen, die in Dreamweaver zur Verfügung stehen, können in modernen Browsern eingesetzt werden. Einige Aktionen funktionieren nicht in älteren Browsern, aber sie verursachen keine Fehler.
Anmerkung
Zielelemente müssen eine eindeutige ID aufweisen. Wenn Sie z. B. einem Bild das Verhalten „Bild austauschen“ zuweisen möchten, muss das Bild eine ID haben. Wenn für das Element keine ID festgelegt wurde, wird eine solche ID automatisch von Dreamweaver erstellt.
Das Standard-Ereignis zum Auslösen der Aktion wird in der
Spalte Ereignisse angezeigt.Falls dies nicht das gewünschte Auslöser-Ereignis ist, wähle
ein anderes Ereignis aus dem Popup-Menü Ereignisse aus.(Um das Menü Ereignisse zu öffnen,
wähle ein Ereignis oder eine Aktion im Bedienfeld Verhalten aus und klicke auf den
nach unten zeigenden schwarzen Pfeil zwischen dem Ereignisnamen
und dem Aktionsnamen.)
Verhalten ändern oder löschen
Nach dem Anhängen eines Verhaltens kannst du das Ereignis ändern, das die Aktion auslöst, Aktionen hinzufügen oder entfernen und Parameter für Aktionen ändern.
Wählen Sie ein Objekt aus, für das ein Verhalten definiert ist.
Wählen Sie „Fenster“ > „Verhalten“.
Nehmen Sie die gewünschten Änderungen vor:
Um die Parameter einer Aktion zu bearbeiten, doppelklicke auf ihren Namen oder wähle sie aus und drücke die Eingabetaste (Windows) oder die Eingabetaste (Macintosh); ändere dann die Parameter im Dialogfeld und klicke auf OK.
Um die Reihenfolge der Aktionen für ein bestimmtes Ereignis zu ändern, wähle eine Aktion aus und klicke auf den Nach-oben- oder Nach-unten-Pfeil.Alternativ kannst du die Aktion auswählen und sie ausschneiden und an der gewünschten Position zwischen den anderen Aktionen einfügen.
Um ein Verhalten zu löschen, wähle es aus und klicke auf den Minus (–) Button oder drücke Löschen.
Verhalten aktualisieren
Wähle ein Element aus, an das das Verhalten
angehängt ist.
Wähle Fenster > Verhalten und doppelklicke auf das Verhalten.
Nimm deine Änderungen vor und klicke im Dialogfeld des Verhaltens
auf OK.
Daraufhin werden alle Vorkommen des Verhaltens auf der entsprechenden Seite aktualisiert. Wenn andere Seiten auf deiner Website dieses Verhalten haben, musst du sie Seite für Seite aktualisieren.
Verhalten von Drittanbietern herunterladen und installieren
Viele Erweiterungen sind auf der Exchange for Dreamweaver-Website (www.adobe.com/go/dreamweaver_exchange) verfügbar.
Wähle Fenster > Verhalten und
wähle Weitere Verhalten abrufen im Menü Verhalten hinzufügen.
Die Exchange-Website wird im primären Browser geöffnet.
Suchen Sie nach neuen Paketen.
Laden Sie das gewünschte Erweiterungspaket herunter und installieren Sie es.
Weitere Informationen findest du unter Erweiterungen in Dreamweaver hinzufügen und verwalten.
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
