Operation Manual

OnBlur
Ändern
OnSubmit
Nach oben
Alle Widgets vom Typ „Überprüfung - Bestätigung“, die Sie mit Dreamweaver einfügen, erfordern bei der Veröffentlichung auf einer Webseite eine
Benutzereingabe. Sie können das Ausfüllen von Bestätigungstextfeldern jedoch auch als optional konfigurieren.
1. Wählen Sie im Dokumentfenster ein Widget vom Typ „Überprüfung - Bestätigung“ aus, indem Sie auf die entsprechende blaue Registerkarte
klicken.
2. Aktivieren bzw. deaktivieren Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) je nach Präferenz das Kontrollkästchen
„Erforderlich“.
Textfeld zum Vergleich angeben
1. Wählen Sie im Dokumentfenster ein Widget vom Typ „Überprüfung - Bestätigung“ aus, indem Sie auf die entsprechende blaue Registerkarte
klicken.
2. Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) das Textfeld aus, mit dem der Feldinhalt verglichen werden soll, indem
Sie im Popupmenü „Überprüfen auf“ ein Textfeld auswählen. Im Popupmenü werden alle Textfelder angezeigt, denen eine eindeutige ID
zugewiesen ist.
Widgetstatus in der Entwurfsansicht anzeigen
1. Wählen Sie im Dokumentfenster ein Widget vom Typ „Überprüfung - Bestätigung“ aus, indem Sie auf die entsprechende blaue Registerkarte
klicken.
2. Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) den Zustand aus, den Sie im Popupmenü „Zustandsvorschau“ anzeigen
möchten. Wenn Sie beispielsweise das Widget in seinem gültigen Zustand anzeigen möchten, wählen Sie die Option „Gültig“.
Festlegen, wann eine Überprüfung erfolgt
Sie können festlegen, wann die Überprüfung erfolgt, z. B. wenn der Benutzer auf eine Stelle außerhalb des Widgets klickt, bei der Texteingabe
oder beim Abschicken des Formulars.
1. Wählen Sie im Dokumentfenster ein Widget vom Typ „Überprüfung - Bestätigung“ aus, indem Sie auf die entsprechende blaue Registerkarte
klicken.
2. Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) die gewünschte Option für den Überprüfungszeitpunkt aus. Sie können
entweder alle Optionen oder nur die Übermittlung auswählen.
Überprüfung erfolgt, wenn der Benutzer außerhalb des Bestätigungstextfelds klickt.
Überprüfung erfolgt, wenn der Benutzer Text im Bestätigungstextfeld ändert.
Überprüfung erfolgt, wenn der Benutzer das Formular abschickt. Die Option „onSubmit“ ist standardmäßig ausgewählt und kann
nicht deaktiviert werden.
Widget „Überprüfung - Bestätigung“ anpassen
Sie können mit dem Eigenschafteninspektor zwar einfache Änderungen an dem Widget „Überprüfung - Bestätigung“ vornehmen, benutzerdefinierte
Stilaufgaben werden jedoch nicht unterstützt. Sie können den CSS-Code für das Widget „Überprüfung - Bestätigung“ ändern, um den
gewünschten Stil zu erhalten. Eine erweiterte Liste mit Stilaufgaben finden Sie unter www.adobe.com/go/learn_dw_spryconfirm_custom_de.
Alle CSS-Regeln der folgenden Themen beziehen sich auf die Standardregeln in der Datei „SpryValidationConfirm.css“. Jedes Mal, wenn Sie ein
Widget vom Typ „Überprüfung - Bestätigung“ erstellen, speichert Dreamweaver die Datei „SpryValidationConfirm.css“ im Ordner „SpryAssets“ Ihrer
Site. Diese Datei enthält außerdem nützliche kommentierte Informationen zu verschiedenen Stilen für das Widget.
Sie können die CSS-Regeln für das Widget „Überprüfung - Bestätigung“ entweder schnell und einfach in der zugehörigen CSS-Datei oder im
Bedienfeld „CSS-Stile“ bearbeiten. Dieses Bedienfeld vereinfacht, speziell bei Verwendung des Modus „Aktuell“, das Auffinden der CSS-
Klassen, die den verschiedenen Bereichen des Widgets zugewiesenen sind.
Stil für Widgets vom Typ „Überprüfung - Bestätigung“ zuweisen (allgemeine Anweisungen)
1. Öffnen Sie die Datei „SpryValidationConfirm.css“.
2. Suchen Sie die CSS-Regel für den zu ändernden Bereich des Widgets. Wenn Sie beispielsweise die Hintergrundfarbe für den Zustand
„Erforderlich“ des Widgets „Überprüfung - Bestätigung“ ändern möchten, bearbeiten Sie die Regel input.confirmRequiredState in der
Datei „SpryValidationConfirm.css“.
3. Nehmen Sie die gewünschten Änderungen an der CSS-Regel vor und speichern Sie die Datei.
Die Datei „SpryValidationConfirm.css“ enthält ausführliche Kommentare, in denen der Code und der Zweck bestimmter Regeln erläutert wird.
Weitere Informationen finden Sie in den Kommentaren in der Datei.
Textstil von Fehlermeldungen für das Widget „Überprüfung - Bestätigung“ zuweisen
310