Manualshelf

Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5
491492493494495496497498499500
Table Of Contents
488
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Arbeiten mit dem Spry-Widget „Überprüfung -
Auswahl“
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, Optionen auswählt oder
das Formular sendet.
Anfangszustand Der Widget-Zustand, in dem die Seite in den Browser geladen wird oder der Benutzer das Formular
zurücksetzt.
Zustand „Fokus“ Der Widget-Zustand, in dem der Benutzer das Widget angeklickt hat.
Zu ändernde Hintergrundfarbe Dazugehörige CSS-Regel Zu ändernde dazugehörige
Eigenschaft
Hintergrundfarbe des Widgets im Gültig-Zustand
.textareaValidState textarea,
textarea.textareaValidState
background-color: #B8F5B1;
Hintergrundfarbe des Widgets im Ungültig-
Zustand
textarea.textareaRequiredState,
.textareaRequiredState textarea,
textarea.textareaMinCharsState,
.textareaMinCharsState textarea,
textarea.textareaMaxCharsState,
.textareaMaxCharsState textarea
background-color: #FF9F9F;
Hintergrundfarbe des Widgets im Fokus
.textareaFocusState textarea,
textarea.textareaFocusState
background-color: #FFFFCC;
A
B
C
D
Wählen Sie ein Element aus
Wählen Sie einen gültigen Staat aus