Operation Manual

Arbeiten mit dem Spry-Widget „Überprüfung - Auswahlliste“
Hinweis:
Nach oben
Anfangszustand
Zustand „Fokus“
Zustand „Gültig“
Zustand „Ungültig“
Erforderlich-Zustand
Nach oben
Widget „Überprüfung - Auswahl“
Widget „Überprüfung - Auswahl“ einfügen und bearbeiten
Widget „Überprüfung - Auswahl“ 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 - Auswahl“
Ein Widget vom Typ „Überprüfung - Auswahl“ ist ein Dropdown-Menü, mit dem nach einer Benutzeraktion gültige bzw. ungültige Zustände
angezeigt werden. So können Sie beispielsweise in ein solches Widget eine Liste von Zuständen einfügen, die in verschiedene Bereiche gruppiert
und durch horizontale Linien getrennt sind. Wenn der Benutzer unabsichtlich anstatt eines Zustands eine Trennlinie auswählt, zeigt das Widget
eine Meldung über die ungültige Auswahl an.
Das folgende Beispiel zeigt ein erweitertes bzw. reduziertes Widget vom Typ „Überprüfung - Auswahl“ in verschiedenen Zuständen an:
A. Widget „Überprüfung – Auswahl“ B. Auswahlwidget, gültiger Zustand C. Auswahlwidget, erforderlicher Zustand D. Auswahlwidget, ungültiger
Zustand
Das Widget „Überprüfung - Auswahl“ 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 vom Typ „Überprüfung -
Auswahl“ können verschiedene Aspekte überprüft werden, z. B. ob der Benutzer 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 Benutzer das Widget angeklickt hat.
Der Widget-Zustand, in dem der Besucher ein gültiges Element ausgewählt hat und das Formular abgeschickt werden kann.
Der Widget-Zustand, in dem der Besucher ein ungültiges Element ausgewählt hat.
Der Widget-Zustand, in dem der Besucher kein gültiges Element ausgewählt hat.
Wenn ein Widget vom Typ „Überprüfung - Anzeige“ 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 kein Element aus dem Menü gewählt hat, wendet Spry eine Klasse auf das Widget an, die zur Anzeige der Meldung „Wählen Sie
ein Element aus“ führt. Die Regeln für Stil und Anzeige von Fehlermeldungen sind in der CSS-Regel für das Widget, hier
„SpryValidationSelect.css“, enthalten.
Das Standard-HTML für das Widget „Überprüfung - Auswahl“, normalerweise in einem Formular, enthält ein <span>-Container-Tag, das das
<select>-Tag des Textbereichs umgibt. Das HTML für das Widget „Überprüfung - Auswahl“ 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 - Auswahl“, einschließlich der vollständigen Code-Struktur,
finden Sie unter www.adobe.com/go/learn_dw_spryselect_de.
Widget „Überprüfung - Auswahl“ einfügen und bearbeiten
Widget „Überprüfung - Auswahl“ einfügen
1. Wählen Sie „Einfügen“ > „Spry“ > „Spry-Überprüfung - Auswahl“.
320