Operation Manual

Hinweis:
OnBlur
Ändern
OnSubmit
Nach oben
2. Füllen Sie das Dialogfeld „Eingabehilfen-Attribute für Input-Tag“ aus und klicken Sie auf „OK“.
3. Fügen Sie in der Codeansicht Options-Tags mit Menüelementen und -werten hinzu. Dreamweaver führt diese Aktion nicht automatisch
durch. Weitere Informationen finden Sie im vorausgegangenen Thema.
Sie können Widgets vom Typ „Überprüfung - Auswahl“ auch über die Kategorie „Spry“ im Bedienfeld „Einfügen“ hinzufügen.
Festlegen, wann eine Überprüfung erfolgt
Sie können festlegen, wann eine Ü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 ein Widget vom Typ „Überprüfung - Auswahl“ im Dokumentfenster aus.
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 Widgets klickt.
Überprüfung erfolgt bei der Benutzerauswahl.
Überprüfung erfolgt, wenn der Benutzer das Formular abschickt. Die Option „onSubmit“ ist standardmäßig ausgewählt und kann
nicht deaktiviert werden.
Widgetstatus in der Entwurfsansicht anzeigen
1. Wählen Sie ein Widget vom Typ „Überprüfung - Auswahl“ im Dokumentfenster aus.
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“.
Leere Werte verbieten oder zulassen
Für alle mit Dreamweaver eingefügten Widgets vom Typ „Überprüfung - Auswahl“ gilt, dass der Benutzer Menüelemente auswählen muss, die bei
der Veröffentlichung des Widgets einen zugeordneten Wert aufweisen. Sie können diese Option allerdings auch deaktivieren.
1. Wählen Sie ein Widget vom Typ „Überprüfung - Auswahl“ im Dokumentfenster aus.
2. Aktivieren bzw. deaktivieren Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) je nach Präferenz im Bereich „Nicht zulassen“ die
Option „Leerer Wert“.
Ungültigen Wert festlegen
Sie können einen Wert angeben, der als ungültig ausgegeben wird, wenn der Benutzer ein damit verknüpftes Menüelement auswählt. Wenn Sie
also beispielsweise -1 als ungültigen Wert definieren und diesen Wert einem Options-Tag zuweisen, dann gibt das Widget eine Fehlermeldung
zurück, sobald ein Benutzer dieses Menüelement auswählt.
<option value="-1"> ------------------- </option>
1. Wählen Sie ein Widget vom Typ „Überprüfung - Auswahl“ im Dokumentfenster aus.
2. Geben Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) im Feld „Ungültiger Wert“ einen ungültigen Wert ein.
Widget „Überprüfung - Auswahl“ anpassen
Sie können mit dem Eigenschafteninspektor zwar einfache Änderungen an diesem Widget vornehmen, benutzerdefinierte Stilaufgaben werden
allerdings nicht unterstützt. Sie können allerdings die CSS-Datei für das Widget ändern, um den gewünschten Stil zu erhalten.
Alle CSS-Regeln der folgenden Themen beziehen sich auf die Standardregeln in der Datei „SpryValidationSelect.css“. Jedes Mal, wenn Sie ein
Widget vom Typ „Überprüfung - Auswahl“ erstellen, speichert Dreamweaver die Datei „SpryValidationSelect.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 Regeln für dieses Widget entweder schnell und einfach in der CSS-Datei oder mit dem 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.
Fehlermeldungs-Textstil für das Widget „Überprüfung - Auswahl“
Fehlermeldungen für das Widget „Überprüfung - Auswahl“ werden in Rot mit einem 1 Pixel breiten Rahmen um den Text angezeigt.
Um den Textstil für Fehlermeldungen des Widgets zu ändern, suchen Sie in der folgenden Tabelle die entsprechende CSS-Regel und ändern
Sie dann die Standardeigenschaften oder fügen Sie benutzerdefinierte Eigenschaften und Werte für den Textstil hinzu:
Text für Stilerstellung Relevante CSS-Regel Relevante zu ändernde Eigenschaften
321