Inhalte durchsuchen
Neueste Kommentare
- Remote Arbeit im Team eGovernment Entwicklung bei
- Bandbreitenschonung bei der Nutzung von Webkonferenzsystemen bei
- Bandbreitenschonung bei der Nutzung von Webkonferenzsystemen bei
- Bandbreitenschonung bei der Nutzung von Webkonferenzsystemen bei
- Dynamische QR-Codes im MS-Office Word Serienbrief (Mac/Windows) bei
RSS-Feed abonnieren
Kategorien
- Allgemein
- Behörden-Webspeicher
- Clearingstelle
- Cloudcomputing
- CMS
- Datenschutz
- DeMail
- Dokumentenmanagement
- eGovernment
- eGovernment-Suite
- eSuite App
- eVerfahrensverzeichnis
- Formularserver
- Greetings
- GSA
- iWorks
- Konferenz
- LibreOffice
- Lotus Notes
- Meinung
- Mobil
- MS-Office
- nPA
- Off topic
- Office-Programme
- OpenData
- OpenGovernment
- OpenOffice
- OpenSource
- OZG
- Saperion Archiv
- Servicekonto
- Sitzungsdienst
- Smartphone
- Tablet
- Tipps und Tricks
- Virtuelle Poststelle
- VPS
- Web 2.0
- Workflow
Empfehlungen / Blogroll
Inhalt
Formularerstellung und Prüfung: Optionsfeld
So heute das letzte Bedienelement dieser Beitragsserie. Danach fehlt uns nur noch die genaue Prüfung des Formular mit Ausgabe der Fehleranzahl im Formular.
Hier erst einmal das gesamte Pseudo-Tag der Optionsfelder.
Zur besseren Unterscheidung der Variablen von Notes-Feldern besitzen Variablen einen Unterstrich als Präfix im Variablennamen. Ausnahme bildet lediglich die Index-Variable der @For-Schleife.
Beispiel Optionsfeld
_f := "abstimmung";
_ff := @GetField("FF" + _f);
_v := "0" : "1";
_m1 := {Bitte entscheiden Sie sich für eine Option};
_l := {diese Seite gefällt mir nicht so gut} : {diese Seite gefällt mir sehr gut};
_em :=
@If(formid = ""; "";
_ff = ""; _m1;
"");
_o := {};
_o := _o + {<div class="type-check } + @If(_em != ""; {error}; "")+ {">};
_o := _o + @If(_em != ""; {<strong class="message">} + _em + {</strong>}; "");
@For(n := 1; n <= @Elements(_v); n := n + 1;
@Set("_o";
_o + @Char(13) + {<div><input type="radio" name="} + _f + {" id="} + _f + @Text(n) + {" value="} + _v[n] + {" title="} + _l[n] + {"} + @If(_v[n] = _ff; { checked="checked"}; {}) + { />}
+ @Char(13) + {<label for="} + _f + @Text(n) + {">} + _l[n] + {</label></div>}
)
);
_o := _o + {</div>};
Abb. 1 – Gesamtes Pseudo-Tag zur Generierung eines Optionsfeldes mit Prüfung und Ausgabe individueller Fehlernachrichten.
_o
Im Vergleich zu den anderen Versionen des Pseudo-Tags fällt der Mark-Up im @For-Abschnitt etwas üppiger aus. Aber hier gibt es keine Neuheiten die erwähnungswürdig sind.
Individuell anpassbarer Bereich
Die beiden Detailänderungen zu den anderen Versionen dieses Pseudo-Tags sind die Variablen _v und _l.
Die Variable _v ist für die Werteübermittlung zuständig und repräsentiert das value-Attribut des Formularfeldes.
Die Variable _l is für das Label des Formularfeldes zuständig ist repräsentiert das <label>-Element und title-Attribut des Formularfeldes.
Beide Variablen werden als Liste angelegt und befüllt. So ist es möglich mehrere Optionsfelder auf das Formular zu bringen.
_f := "abstimmung";
_ff := @GetField("FF" + _f);
_v := "0" : "1";
_m1 := {Bitte entscheiden Sie sich für eine Option};
_l := {diese Seite gefällt mir nicht so gut} : {diese Seite gefällt mir sehr gut};
Abb. 2 – Ausschnitt des gesamten Pseudo-Tags: Anpassbarer Bereich für Namen, Auswahlwerte, Label und Nachrichten.
Anmerkung zu Kontrollkästchen
Optionsfelder und Kontrollkästchen unterscheiden sich im Mark-Up nicht allzu sehr. Daher wird es von meiner Seite dazu keinen gesonderten Beitrag geben.
Folgende Änderung muss am Mark-Up gemacht werden, um aus den Optionsfeldern Kontrollkästchen zu machen.
<input type="checkbox" />
Eigentlich ganz einfach, oder?
Ich hoffe die Ausführungen zu den Bedienelementen waren verständlich und die Pseudo-Tags sind brauchbar. Gerne nehme ich Anregungen entgegen, falls jemand noch Ergänzungen zusteuern möchte.
No comments yet.
RSS-Feed für Kommentare zu diesem Beitrag · TrackBack URL