KRZN: Kommunale IT – von Mensch zu Mensch

Inhalte durchsuchen

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.

_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>};
_o Abb. 1 – Gesamtes Pseudo-Tag zur Generierung eines Optionsfeldes mit Prüfung und Ausgabe individueller Fehlernachrichten.

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.

Autor: Sven Schüring
Kategorien: CMS, eGovernment-Suite - Tags: 1.3, Barrierefreies Internet, Beispiel, CMS — 15.02.2012 um 15.59 Uhr