Wähle ein Objekt aus und wähle JavaScript aufrufen aus
dem Menü Verhalten hinzufügen im Bedienfeld Verhalten.
Zuletzt aktualisiert am
27. April 2021
In diesem Thema erfahren Sie, wie integrierte JavaScript-Verhalten in Adobe Dreamweaver angewendet werden.
Integrierte Verhalten verwenden
Die mit Dreamweaver mitgelieferten Verhalten wurden für die Verwendung in modernen Browsern entwickelt.In älteren Browsern schlagen diese Verhalten ohne Fehlermeldung fehl.
Anmerkung
Die Dreamweaver-Aktionen wurden sorgfältig geschrieben, um in so vielen Browsern wie möglich zu funktionieren. Wenn du Code aus einer Dreamweaver-Aktion manuell entfernst oder ihn durch deinen eigenen Code ersetzt, verlierst du möglicherweise die browserübergreifende Kompatibilität.
Obwohl die Dreamweaver-Aktionen geschrieben wurden, um die browserübergreifende Kompatibilität zu maximieren, unterstützen einige Browser JavaScript überhaupt nicht, und viele Leute, die im Web surfen, haben JavaScript in ihren Browsern deaktiviert.Für beste plattformübergreifende Ergebnisse stelle alternative Schnittstellen in <noscript>-Tags bereit, damit Personen ohne JavaScript deine Website nutzen können.
Verhalten „JavaScript aufrufen“ definieren
Das Verhalten JavaScript aufrufen führt eine benutzerdefinierte Funktion oder JavaScript-Codezeile aus, wenn ein Ereignis auftritt. (Du kannst das Skript selbst schreiben oder Code verwenden, der von verschiedenen frei verfügbaren JavaScript-Bibliotheken im Web bereitgestellt wird.)
Gib das exakte JavaScript ein, das ausgeführt werden soll, oder gib den
Namen einer Funktion ein.
Wenn Sie beispielsweise eine Zurück-Schaltfläche erstellen möchten, geben Sie Folgendes ein: if (history.length > 0){history.back()}. Wenn du deinen Code in einer Funktion gekapselt hast, gib nur den Funktionsnamen ein (zum Beispiel hGoBack()).
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „Eigenschaft ändern“ definieren
Verwende das Verhalten Eigenschaft ändern, um den Wert einer Eigenschaft eines Objekts zu ändern (zum Beispiel die Hintergrundfarbe eines div oder die Aktion eines Formulars).
Anmerkung
Verwende dieses Verhalten nur, wenn du mit HTML und JavaScript sehr vertraut bist.
Wähle ein Objekt aus und wähle Eigenschaft ändern aus
dem Menü Verhalten hinzufügen im Bedienfeld Verhalten.
Wähle aus dem Menü Elementtyp einen Elementtyp
aus, um alle identifizierten Elemente dieses Typs anzuzeigen.
Wählen Sie im Menü „Element-ID“ ein Element aus.
Wähle eine Eigenschaft aus dem Menü Eigenschaft aus oder gib den
Namen der Eigenschaft in das Feld ein.
Gib den neuen Wert für die neue Eigenschaft in das Feld Neuer Wert
ein.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „Plug-In überprüfen“ definieren
Verwende das Verhalten Plug-in prüfen, um Besucher je nachdem, ob sie das angegebene Plug-in installiert haben, auf verschiedene Seiten zu leiten. Du möchtest beispielsweise, dass Besucher zu einer Seite gehen, wenn sie Shockwave haben, und zu einer anderen Seite, wenn nicht.
Anmerkung
Du kannst bestimmte Plug-ins im Internet Explorer nicht mit JavaScript erkennen. Jedoch fügt die Auswahl von Flash oder Director den entsprechenden VBScript-Code zu deiner Seite hinzu, um diese Plug-ins im Internet Explorer unter Windows zu erkennen. Mit Internet Explorer für Mac OS ist die Plug-In-Erkennung nicht möglich.
Wähle ein Objekt aus und wähle Plug-in prüfen aus
dem Menü Verhalten hinzufügen im Bedienfeld Verhalten.
Wähle ein Plug-in aus dem Menü Plug-in aus oder klicke auf Eingeben
und gib den exakten Namen des Plug-ins in das benachbarte Feld ein.
Du musst den exakten Namen des Plug-ins verwenden, wie er fett auf der Seite Über Plug-ins in Netscape Navigator angegeben ist. (Unter Windows wähle Navigators Befehl Hilfe > Über Plug-ins; auf Mac OS wähle Über Plug-ins aus dem Apple-Menü.)
Gib im Feld Falls gefunden, gehe zu URL eine URL für Besucher
an, die das Plug-in haben.
I understand. I'm ready to translate Adobe Software tutorials and HelpX documents from English to German following all the guidelines you've provided, including:Wenn du das Feld leer lässt, bleiben die Besucher auf derselben Seite.
Please provide the English text you'd like me to translate.Wenn du das Feld leer lässt, bleiben die Besucher auf derselben Seite.
Legen Sie fest, welche Seite angezeigt werden soll, wenn eine Plug-In-Erkennung nicht möglich ist.
Standardmäßig wird der Besucher zur URL weitergeleitet, die im Feld „Andernfalls" aufgeführt ist, wenn eine Erkennung nicht möglich ist.Um den Besucher stattdessen zur ersten (Falls gefunden) URL zu senden, wähle die Option Immer zur ersten URL gehen, falls Erkennung nicht möglich ist.Wenn diese Option ausgewählt ist, bedeutet sie praktisch „gehe davon aus, dass der Besucher das Plug-in hat, es sei denn, der Browser gibt explizit an, dass das Plug-in nicht vorhanden ist." Wähle diese Option im Allgemeinen aus, wenn der Plug-in-Inhalt für deine Seite wesentlich ist. Wenn nicht, lasse sie deaktiviert.
Anmerkung
Diese Option gilt nur für Internet Explorer; Netscape Navigator kann Plug‑ins immer erkennen.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „AP-Element ziehen“ definieren
Das Verhalten „AP-Element ziehen" ermöglicht es dem Besucher, ein absolut positioniertes (AP) Element zu ziehen.Nutze dieses Verhalten,\num Rätsel, Reglersteuerungen und andere verschiebbare Oberflächenelemente\nzu erstellen.
Du kannst festlegen, in welche Richtung der Besucher\ndas AP-Element ziehen kann (horizontal, vertikal oder in jede Richtung),\nein Ziel, zu dem der Besucher das AP-Element ziehen soll, ob\ndas AP-Element am Ziel einrastet, wenn sich das AP-Element innerhalb\neiner bestimmten Anzahl von Pixeln vom Ziel befindet, was passiert, wenn das AP-Element\ndas Ziel trifft, und mehr.
Da das Verhalten „AP-Element ziehen"\naufgerufen werden muss, bevor der Besucher das AP-Element ziehen kann,\nsolltest du „AP-Element ziehen" an das body-Objekt\n(mit dem onLoad-Ereignis) anhängen.
Wähle Einfügen > Layout-Objekte >
AP-Div aus oder klicke auf den Button AP-Div zeichnen im Bedienfeld Einfügen und zeichne
ein AP-Div in der Designansicht des Dokumentfensters.
Klicke auf <body> in der Tag-Auswahl
in der unteren linken Ecke des Dokumentfensters.
Wähle AP-Element ziehen aus dem Menü Verhalten hinzufügen des
Bedienfelds Verhalten aus.
Wenn AP-Element ziehen nicht verfügbar ist, hast du wahrscheinlich ein AP-Element ausgewählt.
Wählen Sie im Popupmenü „AP-Element“ das AP-Element aus.
Wähle entweder Eingeschränkt oder Uneingeschränkt aus dem Popup-Menü
Bewegung aus.
Uneingeschränkte Bewegung ist für Puzzles und andere Drag-and-Drop-Spiele geeignet.Für Regler-Steuerungen und bewegliche Kulissen wie Dateischubladen, Vorhänge und Minijalousien wähle eingeschränkte Bewegung aus.
Für eingeschränkte Bewegung gib Werte (in Pixel) in
die Felder Oben, Unten, Links und Rechts ein.
Die Werte beziehen sich auf die Startposition des AP-Elements.Um die Bewegung innerhalb einer rechteckigen Region einzuschränken, gib positive Werte in alle vier Felder ein.Um nur vertikale Bewegung zu ermöglichen, gib positive Werte für Oben und Unten und 0 für Links und Rechts ein.Um nur horizontale Bewegung zu ermöglichen, gib positive Werte für Links und Rechts und 0 für Oben und Unten ein.
Gib Werte (in Pixel) für das Ablageziel in die Felder Links
und Oben ein.
Das Drop-Target ist der Punkt, zu dem der Besucher das AP-Element ziehen soll.Ein AP-Element gilt als am Ablageziel angekommen, wenn seine linken und oberen Koordinaten mit den Werten übereinstimmen, die du in die Felder Links und Oben eingibst. Die Werte sind relativ zur oberen linken Ecke des Browser-Fensters.Klicke auf Aktuelle Position abrufen, um die Textfelder automatisch mit der aktuellen Position des AP-Elements zu füllen.
Gib einen Wert (in Pixel) in das Feld Einrasten bei Entfernung ein, um
zu bestimmen, wie nah der Besucher an das Ablageziel herankommen muss, bevor
das AP-Element am Ziel einrastet.
Größere Werte erleichtern es dem Besucher, das Drop-Target zu finden.
Für einfache Puzzles und Szenerie-Manipulation kannst du
hier aufhören. Um den Ziehgriff für das AP-Element zu definieren, die
Bewegung des AP-Elements während des Ziehens zu verfolgen und eine
Aktion auszulösen, wenn das AP-Element abgelegt wird, klicke auf die Registerkarte Erweitert.
Um festzulegen, dass der Besucher auf einen bestimmten Bereich
des AP-Elements klicken muss, um das AP-Element zu ziehen, wähle Bereich innerhalb des Elements
aus dem Menü Ziehgriff; gib dann die linken und oberen Koordinaten
sowie die Breite und Höhe des Ziehgriffs ein.
Diese Option ist nützlich, wenn das Bild innerhalb des AP-Elements ein Element enthält, das das Ziehen andeutet, wie eine Titelleiste oder einen Schubladengriff. Aktiviere diese Option nicht, wenn der Besucher überall im AP-Element klicken können soll, um es zu ziehen.
Wählen Sie unter „Beim Ziehen“ die gewünschten Optionen aus:
Wähle Element nach vorne bringen, wenn das AP- Element während des Ziehens an die vorderste Position der Stapelreihenfolge verschoben werden soll. Wenn du diese Option auswählst, verwende das Popup-Menü, um auszuwählen, ob das AP-Element vorne bleiben oder in seiner ursprünglichen Position in der Stapelung wiederhergestellt werden soll.
Gib JavaScript-Code oder einen Funktionsnamen (zum Beispiel monitorAPelement())\nin das Feld JavaScript aufrufen ein, um den Code oder die Funktion\nwiederholt auszuführen, während das AP-Element gezogen wird.Du könntest beispielsweise eine\nFunktion schreiben, die die Koordinaten des AP-Elements überwacht und\nHinweise wie „du kommst näher" oder „du bist noch weit vom Ablageziel\nentfernt" in einem Textfeld anzeigt.
Gib JavaScript-Code oder einen Funktionsnamen (zum Beispiel evaluateAPelementPos())
in das zweite JavaScript-Feld ein, um den Code oder die Funktion
auszuführen, wenn das AP-Element abgelegt wird.Wähle „Nur wenn eingerastet" aus, wenn JavaScript nur ausgeführt werden soll, wenn das AP-Element das Drop-Target erreicht hat.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Informationen über das ziehbare AP-Element zusammenstellen
Wenn du das Verhalten „AP-Element ziehen" an ein Objekt anhängst, fügt Adobe Dreamweaver die Funktion MM_dragLayer() in den Bereich head deines Dokuments ein.(Die Funktion behält die alte Namenskonvention für AP-Elemente bei [das heißt, „Ebene"] damit Ebenen, die in früheren Versionen von Dreamweaver erstellt wurden, weiterhin bearbeitbar bleiben.)Zusätzlich zur Registrierung des AP-Elements als ziehbar definiert diese Funktion drei Eigenschaften für jedes ziehbare AP-Element—MM_LEFTRIGHT, MM_UPDOWN, und MM_SNAPPED—die du in deinen eigenen JavaScript-Funktionen verwenden kannst, um die relative horizontale Position des AP-Elements, die relative vertikale Position des AP-Elements und ob das AP-Element das Ablageziel erreicht hat, zu bestimmen.
Anmerkung
Die hier bereitgestellten Informationen sind nur für erfahrene JavaScript-Programmierer bestimmt.
Die folgende Funktion zeigt beispielsweise den Wert der Eigenschaft MM_UPDOWN (die aktuelle vertikale Position des AP-Elements) in einem Formularfeld namens curPosField an. (Formularfelder sind zum Anzeigen kontinuierlich aktualisierter Informationen nützlich, da sie dynamisch sind – das heißt, du kannst deren Inhalte ändern, nachdem das Laden der Seite abgeschlossen ist.)
function getPos(layerId){
var layerRef = document.getElementById(layerId);
var curVertPos = layerRef.MM_UPDOWN;
document.tracking.curPosField.value = curVertPos;
}
Anstatt die Werte von MM_UPDOWN oder MM_LEFTRIGHT in einem Formularfeld anzuzeigen, könntest du diese Werte auf verschiedene andere Weise verwenden. Du könntest beispielsweise eine Funktion schreiben, die eine Nachricht im Formularfeld anzeigt, je nachdem, wie nah der Wert an der Ablagezone ist, oder du könntest eine andere Funktion aufrufen, um ein AP-Element je nach Wert ein- oder auszublenden.
Es ist besonders nützlich, die MM_SNAPPED-Eigenschaft zu lesen, wenn du mehrere AP-Elemente auf der Seite hast, die alle ihre Ziele erreichen müssen, bevor der Besucher zur nächsten Seite oder Aufgabe wechseln kann. Du könntest beispielsweise eine Funktion schreiben, um zu zählen, wie viele AP-Elemente einen MM_SNAPPED-Wert von wahr haben, und sie immer dann aufrufen, wenn ein AP-Element abgelegt wird. Wenn die Anzahl der eingerasteten Elemente die gewünschte Zahl erreicht, könntest du den Besucher zur nächsten Seite weiterleiten oder eine Glückwunschnachricht anzeigen.
Verhalten „Gehe zu URL“ definieren
Die Aktion „Zu URL wechseln" öffnet eine neue Seite im aktuellen Fenster oder im angegebenen Frame.Dieses Verhalten ist nützlich, um den Inhalt von zwei oder mehr Frames mit einem Klick zu ändern.
Wähle ein Objekt aus und wähle Zur URL gehen aus dem
Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Wählen Sie in der Liste „Öffnen in“ ein Ziel für die URL aus.
Die Liste Öffnen in führt automatisch die Namen aller Frames im aktuellen Frameset sowie das Hauptfenster auf. Wenn es keine Frames gibt, ist das Hauptfenster die einzige Option.
Anmerkung
Dieses Verhalten kann unerwartete Ergebnisse erzeugen, wenn ein Frame top, blank, self oder parent heißt. Browser verwechseln diese Namen manchmal mit reservierten Zielnamen.
Klicke auf Durchsuchen, um ein zu öffnendes Dokument auszuwählen, oder gib den
Pfad und Dateinamen des Dokuments in das URL-Feld ein.
Wiederhole die Schritte 2 und 3, um zusätzliche Dokumente in
anderen Frames zu öffnen.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „Sprungmenü“ definieren
Wenn du ein Sprungmenü mit Einfügen > Formular > Sprungmenü erstellst, erstellt Dreamweaver ein Menüobjekt und fügt das Verhalten Sprungmenü (oder Sprungmenü Los) hinzu. Es ist normalerweise nicht nötig, das Verhalten Sprungmenü manuell einem Objekt hinzuzufügen.
Du kannst ein vorhandenes Sprungmenü auf zwei Arten bearbeiten:
Du kannst Menüelemente bearbeiten und neu anordnen, die Dateien ändern, zu denen gesprungen werden soll, und das Fenster ändern, in dem diese Dateien geöffnet werden, indem du doppelt auf ein vorhandenes Jump-Menü-Verhalten im Bedienfeld Verhalten klickst.
Du kannst die Elemente im Menü genauso bearbeiten, wie du Elemente in jedem anderen Menü bearbeiten würdest, indem du das Menü auswählst und den Button Listenwerte im Eigenschaftsinspektor verwendest.
Erstelle ein Jump-Menü-Objekt, falls noch keines
in deinem Dokument vorhanden ist.
Wähle das Objekt aus und wähle Jump-Menü aus dem Menü Verhalten hinzufügen
des Bedienfelds Verhalten.
Nimm die gewünschten Änderungen im Dialogfeld Jump-Menü vor und
klicke dann auf OK.
Verhalten „Sprungmenü Gehe zu“ definieren
Das Jump-Menü-Go-Verhalten ist eng mit dem Jump-Menü-Verhalten verknüpft; Jump-Menü-Go ermöglicht es dir, einen Go-Button mit einem Jump-Menü zu verknüpfen.(Bevor du dieses Verhalten verwendest, muss bereits ein Sprungmenü im Dokument vorhanden sein.) Durch Klicken auf den Go-Button wird der Link geöffnet, der im Sprungmenü ausgewählt ist. Ein Sprungmenü benötigt normalerweise keinen Go-Button; die Auswahl eines Elements aus einem Sprungmenü führt im Allgemeinen dazu, dass eine URL geladen wird, ohne dass weitere Benutzeraktionen erforderlich sind. Aber wenn der Besucher dasselbe Element auswählt, das bereits im Sprungmenü gewählt ist, erfolgt der Sprung nicht.Im Allgemeinen spielt das keine Rolle, aber wenn das Sprungmenü in einem Frame erscheint und die Sprungmenüelemente mit Seiten in anderen Frames verknüpft sind, ist eine Schaltfläche "Los" oft nützlich, damit Besucher ein Element erneut auswählen können, das bereits im Sprungmenü ausgewählt ist.
Anmerkung
Wenn du einen Go-Button mit einem Sprungmenü verwendest, wird der Go-Button zum einzigen Mechanismus, der den Anwender zur URL „springt", die mit der Auswahl im Menü verknüpft ist.Die Auswahl eines Menüpunkts im Sprungmenü leitet den Benutzer nicht mehr automatisch zu einer anderen Seite oder einem anderen Frame weiter.
Wähle ein Objekt aus, das als Los-Button verwendet werden soll (normalerweise
ein Button-Bild), und wähle Sprungmenü Los aus dem Menü Verhalten hinzufügen
des Bedienfelds Verhalten.
Wähle im Menü Sprungmenü auswählen ein Menü aus, das der Los-Button
aktivieren soll, und klicke auf OK.
Verhalten „Browserfenster öffnen“ definieren
Verwende das Verhalten „Browser-Fenster öffnen", um eine Seite in einem neuen Fenster zu öffnen.Du kannst die Eigenschaften des neuen Fensters festlegen, einschließlich seiner Größe, Attribute (ob es skalierbar ist, eine Menüleiste hat und so weiter) und seines Namens. Du kannst dieses Verhalten zum Beispiel verwenden, um ein größeres Bild in einem separaten Fenster zu öffnen, wenn der Besucher auf eine Miniaturansicht klickt; mit diesem Verhalten kannst du das neue Fenster genau auf die Größe des Bildes anpassen.
Wenn du keine Attribute für das Fenster angibst, öffnet es sich in der Größe und mit den Attributen des Fensters, von dem aus es geöffnet wurde. Wenn du ein beliebiges Attribut für das Fenster angibst, werden automatisch alle anderen Attribute deaktiviert, die nicht explizit aktiviert sind. Wenn du beispielsweise keine Attribute für das Fenster festlegst, könnte es sich mit 1024 x 768 Pixel öffnen und über eine Navigationsleiste (mit den Buttons Zurück, Vorwärts, Startseite und neu laden), eine Adressleiste (mit der URL), eine Statusleiste (mit Statusmeldungen unten) und eine Menüleiste (mit den Menüs Datei, Bearbeiten, Ansicht und anderen) verfügen. Wenn du explizit die Breite auf 640 und die Höhe auf 480 festlegst und keine anderen Attribute einstellst, öffnet sich das Fenster mit 640 x 480 Pixel ohne Symbolleisten.
Wähle ein Objekt aus und wähle Browser-Fenster öffnen
aus dem Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Klicke auf Durchsuchen, um eine Datei auszuwählen, oder gib
die URL ein, die du anzeigen möchtest.
Lege die Optionen für Fensterbreite und -höhe (in Pixel)
und für die Integration verschiedener Symbolleisten, Bildlaufleisten,
Größenziehpunkte und ähnliches fest. Gib dem Fenster einen Namen (verwende keine Leerzeichen oder
Sonderzeichen), wenn es das Ziel von Links sein soll oder
du es mit JavaScript steuern möchtest.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „Popup-Meldung“ definieren
Das Verhalten Popup-Nachricht zeigt einen JavaScript-Warnhinweis mit der von dir angegebenen Nachricht an. Da JavaScript-Warnhinweise nur einen Button (OK) haben, verwende dieses Verhalten, um dem Benutzer Informationen zu geben, anstatt eine Auswahl zu präsentieren.
Du kannst jeden gültigen JavaScript-Funktionsaufruf, jede Eigenschaft, jede globale Variable oder jeden anderen Ausdruck in den Text einbetten.Um einen JavaScript-Ausdruck einzubetten, setze ihn in geschweifte Klammern ({}). Um eine geschweifte Klammer anzuzeigen, stelle ihr einen Backslash voran (\{).
Beispiel
Die URL für diese Seite ist {window.location}, und heute ist {new Date()}.
Anmerkung
Der Browser steuert das Erscheinungsbild des Warnhinweises. Wenn du mehr Kontrolle über das Erscheinungsbild möchtest, erwäge die Verwendung des Verhaltens Browser-Fenster öffnen.
Wähle ein Objekt aus und wähle Popup-Nachricht aus
dem Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Geben Sie die Meldung im Feld „Meldung“ ein.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „Bilder vorausladen“ definieren
Das Verhalten Bilder vorladen verkürzt die Anzeigezeit, indem Bilder zwischengespeichert werden, die beim ersten Aufrufen der Seite nicht angezeigt werden (zum Beispiel Bilder, die mit Verhalten oder Skripten ausgetauscht werden).
Anmerkung
Das Verhalten Bild austauschen lädt automatisch alle Hervorhebungsbilder vor, wenn du die Option Bilder vorladen im Dialogfeld Bild austauschen auswählst, sodass du Bilder vorladen nicht manuell hinzufügen musst, wenn du Bild austauschen verwendest.
Wähle ein Objekt aus und wähle Bilder vorladen aus
dem Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Klicke auf Durchsuchen, um eine Grafikdatei auszuwählen, oder gib den Pfad
und Dateinamen eines Bildes in das Feld Image Source File ein.
Klicke auf den Plus-Button (+) oben im Dialogfeld,
um das Bild zur Liste Bilder vorladen hinzuzufügen.
Wiederhole die Schritte 2 und 3 für alle verbleibenden Bilder, die du
auf der aktuellen Seite vorladen möchtest.
Um ein Bild aus der Liste Bilder vorladen zu entfernen, wähle
es aus und klicke auf den Minus-Button (–).
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „Text vom Frame einstellen“ definieren
Das Verhalten Text von Frame setzen ermöglicht es dir, den Text eines Frames dynamisch zu setzen und dabei Inhalt und Formatierung eines Frames durch den von dir angegebenen Inhalt zu ersetzen. Der Inhalt kann jeden gültigen HTML-Code enthalten. Verwenden Sie dieses Verhalten, um Informationen dynamisch anzuzeigen.
Obwohl das Verhalten Text von Frame setzen die Formatierung eines Frames ersetzt, kannst du Hintergrundfarbe beibehalten auswählen, um die Seitenhintergrund- und Textfarbenattribute beizubehalten.
Du kannst jeden gültigen JavaScript-Funktionsaufruf, jede Eigenschaft, jede globale Variable oder jeden anderen Ausdruck in den Text einbetten.Um einen JavaScript-Ausdruck einzubetten, setze ihn in geschweifte Klammern ({}). Um eine geschweifte Klammer anzuzeigen, stelle einen Backslash davor (\{).
Beispiel
Die URL für diese Seite ist {window.location}, und heute ist {new Date()}.
Wähle ein Objekt aus und wähle Text setzen >
Text von Frame setzen aus dem Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Wähle im Dialogfeld Text von Frame setzen den Ziel-Frame
aus dem Menü Frame aus.
Klicke auf den Button Aktuelles HTML abrufen, um den aktuellen
Inhalt des Hauptteil-Abschnitts des Ziel-Frames zu kopieren.
Geben Sie im Feld „Neue HTML“ eine Meldung ein.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Wende das Verhalten Text von Container setzen an
Das Verhalten Text von Container setzen ersetzt Inhalt und Formatierung eines vorhandenen Containers (das heißt, jedes Element, das Text oder andere Elemente enthalten kann) auf einer Seite durch den von dir angegebenen Inhalt. Beim Inhalt kann es sich um beliebigen gültigen HTML-Quellcode handeln.
Du kannst jeden gültigen JavaScript-Funktionsaufruf, jede Eigenschaft, globale Variable oder anderen Ausdruck in den Text einbetten. Um einen JavaScript-Ausdruck einzubetten, setze ihn in geschweifte Klammern ({}). Um eine geschweifte Klammer anzuzeigen, stelle ihr einen Backslash voran (\{).
Beispiel
Die URL für diese Seite ist {window.location}, und heute ist {new Date()}.
Wähle ein Objekt aus und wähle Text festlegen >
Text des Containers festlegen im Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Verwende im Dialogfeld Text des Containers festlegen das Menü Container,
um das Zielelement auszuwählen.
Geben Sie im Feld „Neue HTML“ den neuen Text oder eine neue HTML ein.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Wende das Verhalten Text der Statusleiste festlegen an
Das Verhalten Text der Statusleiste festlegen zeigt eine Meldung in der Statusleiste in der unteren linken Ecke des Browser-Fensters an. Du kannst dieses Verhalten beispielsweise verwenden, um das Ziel eines Links in der Statusleiste zu beschreiben, anstatt die damit verknüpfte URL anzuzeigen. Besucher ignorieren oder übersehen oft Meldungen in der Statusleiste (und nicht alle Browser bieten vollständige Unterstützung für das Festlegen des Texts der Statusleiste); wenn deine Meldung wichtig ist, erwäge, sie als Popup-Nachricht oder als Text eines AP-Elements anzuzeigen.
Anmerkung
Wenn du das Verhalten Text der Statusleiste festlegen in Dreamweaver verwendest, ist nicht garantiert, dass sich der Text der Statusleiste im Browser ändert, da einige Browser spezielle Anpassungen benötigen, wenn der Text der Statusleiste geändert wird. Firefox beispielsweise erfordert, dass du eine erweiterte Option änderst, die JavaScript erlaubt, den Text der Statusleiste zu ändern. Weitere Informationen finden Sie in der Dokumentation zu Ihrem Browser.
Du kannst jeden gültigen JavaScript-Funktionsaufruf, jede Eigenschaft, globale Variable oder jeden anderen Ausdruck in den Text einbetten.Um einen JavaScript-Ausdruck einzubetten, setze ihn in geschweifte Klammern ({}). Um eine geschweifte Klammer anzuzeigen, stelle ihr einen Backslash voran (\{).
Beispiel
Die URL für diese Seite ist {window.location}, und heute ist {new Date()}.
Wähle ein Objekt aus und wähle Text festlegen >
Text der Statusleiste festlegen im Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Gib im Dialogfeld Text der Statusleiste festlegen deine Meldung
in das Feld Meldung ein.
Wählen Sie eine möglichst kurze Meldung. Der Browser kürzt die Meldung, wenn sie nicht in die Statusleiste passt.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Wende das Verhalten Text des Textfelds festlegen an
Das Verhalten Text des Textfelds festlegen ersetzt den Inhalt eines Textfelds eines Formulars durch den von dir angegebenen Inhalt.
Du kannst jeden gültigen JavaScript-Funktionsaufruf, jede Eigenschaft, globale Variable oder jeden anderen Ausdruck in den Text einbetten.Um einen JavaScript-Ausdruck einzubetten, setze ihn in geschweifte Klammern ({}). Wenn Sie geschweifte Klammern anzeigen möchten, stellen Sie ihnen einen umgekehrten Schrägstrich (\{) voran.
Beispiel
Die URL für diese Seite ist {window.location}, und heute ist {new Date()}.
Benannte Textfelder erstellen
Wähle Einfügen > Formular >
Textfeld.
Wenn Dreamweaver dich auffordert, ein Formular-Tag hinzuzufügen, klicke auf Ja.
Geben Sie im Eigenschafteninspektor einen Namen für das Textfeld ein.
Stelle sicher, dass der Name auf der Seite eindeutig ist (verwende nicht denselben Namen
für mehrere Elemente auf derselben Seite, auch wenn sie sich in verschiedenen
Formularen befinden).
„Text von Textfeld einstellen“ definieren
Wähle ein Textfeld aus und wähle Text festlegen >
Text des Felds festlegen aus dem Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Wähle das Ziel-Textfeld aus dem Menü Textfeld aus
und gib deinen neuen Text ein.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „Elemente ein-/ausblenden“ definieren
Das Verhalten Elemente ein-/ausblenden zeigt Elemente einer oder mehrerer Seiten an, blendet sie aus oder stellt die Standard-Sichtbarkeit wieder her. Dieses Verhalten ist nützlich, um Informationen anzuzeigen, wenn der Benutzer mit der Seite interagiert. Bewegt der Benutzer beispielsweise den Mauszeiger über ein Bild einer Pflanze, könntest du ein Seitenelement anzeigen, das Details über die Wachstumszeit und Region der Pflanze, wie viel Sonne sie benötigt, wie groß sie werden kann usw. angibt. Das Verhalten zeigt nur das entsprechende Element an oder blendet es aus – es entfernt das Element nicht tatsächlich aus dem Fluss der Seite, wenn es ausgeblendet ist.
Wähle ein Objekt aus und wähle Elemente ein-/ausblenden
aus dem Menü Verhalten hinzufügen des Bedienfelds Verhalten.
Wenn Elemente ein-/ausblenden nicht verfügbar ist, hast du wahrscheinlich ein AP-Element ausgewählt. Da AP-Elemente in beiden 4.0-Browsern keine Ereignisse akzeptieren, musst du ein anderes Objekt auswählen – wie beispielsweise den <body>-Tag oder einen Link (<a>)-Tag.
Wähle aus der Liste Elemente das Element aus, das du
anzeigen oder ausblenden möchtest, und klicke auf Anzeigen, Ausblenden oder Wiederherstellen (wodurch die
Standard-Sichtbarkeit wiederhergestellt wird).
Wiederhole Schritt 2 für alle verbleibenden Elemente, deren Sichtbarkeit
du ändern möchtest. (Du kannst die Sichtbarkeit mehrerer Elemente
mit einem einzigen Verhalten ändern.)
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Dieses Verhalten wird seit Dreamweaver CS5 nicht mehr unterstützt.
Verhalten „Bild austauschen“ definieren
Das Swap Image-Verhalten tauscht ein Bild gegen ein anderes aus, indem es das src-Attribut des <img>-Tags ändert. Verwende dieses Verhalten, um Rollover-Schaltflächen und andere Bildeffekte zu erstellen (einschließlich des gleichzeitigen Austauschs mehrerer Bilder).Das Einfügen eines Rollover-Bilds fügt deiner Seite automatisch ein Swap Image-Verhalten hinzu.
Anmerkung
Da nur das src-Attribut von diesem Verhalten betroffen ist, solltest du ein Bild verwenden, das die gleichen Abmessungen (Höhe und Breite) wie das Original hat. Andernfalls schrumpft oder erweitert sich das Bild, das du verwendest, um zu den Abmessungen des ursprünglichen Bilds zu passen.
Es gibt auch ein Bild tauschen wiederherstellen-Verhalten, welches die zuletzt getauschten Bilder zu ihren vorherigen Quelldateien wiederherstellt. Dieses Verhalten wird automatisch hinzugefügt, wenn du das Bild tauschen-Verhalten an ein Objekt anhängst; wenn du die Wiederherstellen- Option beim Anhängen von Bild tauschen ausgewählt lässt, solltest du das Bild tauschen wiederherstellen-Verhalten nie manuell auswählen müssen.
Wähle Einfügen > Bild oder klicke auf den
Bild-Button im Einfügen-Bedienfeld, um ein Bild einzufügen.
Gib im Eigenschafteninspektor einen Namen für das Bild
in das linke Textfeld ein.
Es ist nicht zwingend erforderlich, Bilder zu benennen; sie werden automatisch benannt, wenn du das Verhalten an ein Objekt anhängst. Es ist jedoch einfacher, Bilder im Bild tauschen-Dialogfeld zu unterscheiden, wenn du alle Bilder vorher benennst.
Wiederholen Sie die Schritte 1 und 2, um weitere Bilder einzufügen.
Wähle ein Objekt aus (normalerweise das Bild, das du
tauschen möchtest) und wähle Bild tauschen aus dem Verhalten hinzufügen-Menü des Verhalten-
Bedienfelds.
Wähle aus der Liste Bilder das Bild aus, dessen Quelle du ändern möchtest.
Klicke auf Durchsuchen, um die neue Grafikdatei auszuwählen, oder gib den Pfad und Dateinamen des neuen Bildes in das Feld Quelle festlegen auf ein.
Wiederhole die Schritte 5 und 6 für alle zusätzlichen Bilder, die du ändern möchtest.Verwende dieselbe Aktion Bild austauschen für alle Bilder, die du gleichzeitig ändern möchtest. Andernfalls stellt die entsprechende Aktion Bild austauschen wiederherstellen nicht alle wieder her.
Wähle die Option Bilder vorladen aus, um die neuen Bilder beim Laden der Seite zwischenzuspeichern.
Dies verhindert Verzögerungen beim Herunterladen, wenn die Bilder angezeigt werden sollen.
Klicken Sie auf „OK“ und überprüfen Sie, ob das Standardereignis korrekt ist.
Verhalten „Formular überprüfen“ definieren
Das Verhalten Formular validieren prüft den Inhalt bestimmter Textfelder, um sicherzustellen, dass der Benutzer den korrekten Datentyp eingegeben hat.Hänge dieses Verhalten an einzelne Textfelder mit dem onBlur-Ereignis an, um die Felder zu validieren, während der Benutzer das Formular ausfüllt, oder hänge es an das Formular mit dem onSubmit-Ereignis an, um mehrere Textfelder gleichzeitig auszuwerten, wenn der Benutzer auf den Button Senden klickt.Das Anhängen dieses Verhaltens an ein Formular verhindert das Absenden von Formularen mit ungültigen Daten.
Wähle Einfügen > Formular oder klicke auf den Button Formular im Bedienfeld Einfügen, um ein Formular einzufügen.
Wähle Einfügen > Formular > Textfeld oder klicke auf den Button Textfeld im Bedienfeld Einfügen, um ein Textfeld einzufügen.
Wiederholen Sie diesen Schritt, um weitere Textfelder einzufügen.
Wählen Sie eine Überprüfungsmethode aus:
Um einzelne Felder zu validieren, während der Benutzer das Formular ausfüllt, wähle ein Textfeld aus und wähle Fenster > Verhalten.
Um mehrere Felder zu validieren, wenn der Benutzer das Formular absendet, klicke auf das <form>-Tag in der Tag-Auswahl in der unteren linken Ecke des Dokumentfensters und wähle Fenster > Verhalten.
Wählen Sie im Menü „Verhalten hinzufügen“ die Option „Formular überprüfen“ aus.
Führen Sie einen der folgenden Schritte aus:
Wenn du einzelne Felder validierst, wähle aus der Liste Felder dasselbe Feld aus, das du im Dokumentfenster ausgewählt hast.
Wenn du mehrere Felder validierst, wähle ein Textfeld aus der Liste Felder aus.
Wähle die Option Erforderlich aus, wenn das Feld Daten enthalten muss.
Wählen Sie unter „Akzeptieren“ eine der folgenden Optionen aus:
Alles
Prüft, ob ein erforderliches Feld Daten enthält. Die Daten können von beliebigem Typ sein.
E‑Mail-Adresse
Überprüft, ob das Feld das Zeichen „@“ enthält.
Zahl
Überprüft, ob das Feld nur Zahlenwerte enthält.
Zahl zwischen
Prüft, ob das Feld eine Zahl in einem bestimmten Bereich enthält.
Wenn du mehrere Felder validieren möchtest, wiederhole die Schritte 6 und 7 für alle zusätzlichen Felder, die du validieren möchtest.
Klicken Sie auf „OK“.
Wenn du mehrere Felder validierst, wenn der Benutzer das Formular absendet, erscheint das onSubmit-Ereignis automatisch im Menü Ereignisse.
Wenn du einzelne Felder validierst, überprüfe, dass das Standardereignis onBlur oder onChange ist.Wählen Sie andernfalls eines dieser Ereignisse aus.
Beide Ereignisse lösen das Verhalten Formular validieren aus, wenn der Benutzer das Feld verlässt.Der Unterschied ist, dass onBlur auftritt, unabhängig davon, ob der Benutzer in das Feld getippt hat, und onChange tritt nur auf, wenn der Benutzer den Inhalt des Feldes geändert hat.Das onBlur-Ereignis wird bevorzugt, wenn das Feld erforderlich ist.
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
