Operation Manual

Arbeiten mit dem Spry-Widget „Überprüfung - Kontrollkästchen“
Hinweis:
Nach oben
Anfangszustand
Zustand „Gültig“
Erforderlich-Zustand
Auswahl min.-Zustand
Auswahl max.-Zustand
Nach oben
Widget „Überprüfung - Kontrollkästchen“
Widget „Überprüfung - Kontrollkästchen“ einfügen und bearbeiten
Fehlermeldungen für das Widget „Überprüfung - Kontrollkästchen“ anpassen
Spry-Widgets werden ab Dreamweaver CC durch jQuery-Widgets ersetzt. Sie können zwar vorhandene Spry-Widgets auf der Seite
noch ändern, aber Sie können keine neuen Spry-Widgets hinzufügen.
Widget „Überprüfung - Kontrollkästchen“
Beim Widget vom Typ „Überprüfung - Kontrollkästchen“ handelt es sich um ein einzelnes bzw. eine Gruppe von Kontrollkästchen in einem HTML-
Formular, mit dem/denen bei Auswahl/Nichtauswahl eines Kontrollkästchen gültige bzw. ungültige Zustände angezeigt werden. So können Sie
beispielsweise ein solches Widget zu einem Formular hinzufügen, in dem der Benutzer drei Optionen auswählen muss. Werden nicht alle
Optionen ausgewählt, gibt das Widget eine entsprechende Fehlermeldung zurück.
Das folgende Beispiel zeigt das Widget „Überprüfung - Kontrollkästchen“ in verschiedenen Zuständen:
A. Widgetgruppe „Überprüfung - Kontrollkästchen“, Auswahl min.-Zustand B. Widget „Überprüfung - Kontrollkästchen“, erforderlicher Zustand
Das Widget „Überprüfung - Kontrollkästchen“ beinhaltet mehrere Zustände (z. B. Gültig, Ungültig, Erforderlich usw.). Sie können die Eigenschaften
für diese Zustände, je nach gewünschtem Überprüfungstyp, mit dem Eigenschafteninspektor anpassen. Mit einem Widget Überprüfung -
Kontrollkästchen lassen sich unterschiedliche Aspekte überprüfen, z. B. wenn der Besucher auf eine Stelle außerhalb des Widgets klickt, eine
Auswahl vornimmt oder das Formular sendet.
Der Widget-Zustand, in dem die Seite in den Browser geladen wird oder der Benutzer das Formular zurücksetzt.
Der Widget-Zustand, in dem der Besucher eine oder mehrere Optionen korrekt ausgewählt hat und das Formular abgeschickt
werden kann.
Der Widget-Zustand, in dem der Besucher keine gültige Option ausgewählt hat.
Der Widget-Zustand, in dem der Benutzer weniger als die erforderliche Anzahl Kontrollkästchen ausgewählt hat.
Der Widget-Zustand, in dem der Benutzer mehr als die maximal zulässige Anzahl von Kontrollkästchen ausgewählt hat.
Wenn ein Widget vom Typ „Überprüfung - Kontrollkästchen“ durch eine Benutzeraktion in einen dieser Zustände versetzt wird, wendet die Logik
des Spry-Frameworks zur Laufzeit eine bestimmte CSS-Klasse auf den HTML-Container des Widgets an. Wenn der Benutzer beispielsweise ein
Formular abschickt, aber keine Optionen ausgewählt hat, wendet Spry eine Klasse auf das Widget an, die zur Anzeige der Meldung „Nehmen Sie
eine Auswahl vor“ führt. Die Regeln für Stil und Anzeige von Fehlermeldungen sind in der CSS-Regel für das Widget, hier
„SpryValidationCheckbox.css“, enthalten.
Das Standard-HTML für das Widget „Überprüfung - Kontrollkästchen“, normalerweise in einem Formular, enthält ein <span>-Container-Tag, das
das <input type="checkbox">-Tag des Textbereichs umgibt. Das HTML für dieses Widget enthält außerdem Skript-Tags im Kopf des Dokuments
und unterhalb des HTML-Markups des Widgets.
Eine ausführliche Erläuterung der Funktionsweise von Widgets vom Typ „Überprüfung - Kontrollkästchen“, einschließlich der vollständigen Code-
Struktur, finden Sie unter www.adobe.com/go/learn_dw_sprycheckbox_de.
Widget „Überprüfung - Kontrollkästchen“ einfügen und bearbeiten
Widgets vom Typ „Überprüfung - Kontrollkästchen“ einfügen
1. Wählen Sie „Einfügen“ > „Spry“ > „Spry-Überprüfung - Kontrollkästchen“.
329