Zur Hilfsnavigation. Zum Inhalt.

KRZN: Kommunale IT – von Mensch zu MenschKommunale IT - von Mensch zu Mensch. KRZN


Hauptnavigation

  • Aktuelles
  • Produkte & Lösungen
  • Blog

Inhalte durchsuchen


Tag-Cloud

Beliebte Schlagworte
  • Zum Schlagwort ‘Beispiel’ gibt es 26 Beiträge
  • Zum Schlagwort ‘iPhone’ gibt es 9 Beiträge
  • Zum Schlagwort ‘iPad’ gibt es 13 Beiträge
  • Zum Schlagwort ‘eSuite’ gibt es 55 Beiträge
  • Zum Schlagwort ‘1.2’ gibt es 13 Beiträge
  • Zum Schlagwort ‘Web’ gibt es 9 Beiträge
  • Zum Schlagwort ‘Internet’ gibt es 25 Beiträge
  • Zum Schlagwort ‘DMS’ gibt es 9 Beiträge
  • Zum Schlagwort ‘Workflows’ gibt es 11 Beiträge
  • Zum Schlagwort ‘SEO’ gibt es 7 Beiträge
  • Zum Schlagwort ‘Barrierefreies Internet’ gibt es 18 Beiträge
  • Zum Schlagwort ‘Apple’ gibt es 8 Beiträge
  • Zum Schlagwort ‘Administration’ gibt es 21 Beiträge
  • Zum Schlagwort ‘Anleitung’ gibt es 12 Beiträge
  • Zum Schlagwort ‘Veranstaltung’ gibt es 8 Beiträge
  • Zum Schlagwort ‘Lotus’ gibt es 8 Beiträge
  • Zum Schlagwort ‘Kommune’ gibt es 8 Beiträge
  • Zum Schlagwort ‘nPA’ gibt es 11 Beiträge
  • Zum Schlagwort ‘Cloud’ gibt es 8 Beiträge
  • Zum Schlagwort ‘eGovernment Suite’ gibt es 14 Beiträge
  • Zum Schlagwort ‘1.3’ gibt es 13 Beiträge
  • Zum Schlagwort ‘Tipp’ gibt es 8 Beiträge
  • Zum Schlagwort ‘2.0’ gibt es 9 Beiträge
  • Zum Schlagwort ‘Web 2.0’ gibt es 16 Beiträge
  • Zum Schlagwort ‘eGovernment’ gibt es 40 Beiträge
  • Zum Schlagwort ‘Mobil’ gibt es 14 Beiträge
  • Zum Schlagwort ‘CMS’ gibt es 53 Beiträge
  • Zum Schlagwort ‘Konferenz’ gibt es 7 Beiträge
  • Zum Schlagwort ‘Meinung’ gibt es 12 Beiträge
  • Zum Schlagwort ‘Tablet’ gibt es 10 Beiträge

Neueste Artikel

  • covid-19 Infektionszahlen beim Kreis Wesel, Alpen, Kamp-Lintfort, Moers
  • 3dDrucktipps für das funktionale HomeOffice
  • Super Sache: Kreis Wesel veröffentlicht covid-19 Fallzahlen als OpenData!
  • Und noch’n’ne App – Die Corona-App des RKI
  • Die Corona-Warn-App kommt bald.

Neueste Kommentare

  • Ernst Mayer bei Remote Arbeit im Team eGovernment Entwicklung
  • Ernst Mayer bei Bandbreitenschonung bei der Nutzung von Webkonferenzsystemen
  • Ernst Mayer bei Bandbreitenschonung bei der Nutzung von Webkonferenzsystemen
  • Jens Dercks bei Bandbreitenschonung bei der Nutzung von Webkonferenzsystemen
  • Ernst Mayer bei Dynamische QR-Codes im MS-Office Word Serienbrief (Mac/Windows)

RSS-Feed abonnieren

  • Beiträge
  • Kommentare

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

Archiv

  • 2020
  • 2019
  • 2018
  • 2017
  • 2016
  • 2015
  • 2014
  • 2013
  • 2012
  • 2011
  • 2010
  • 1996

Empfehlungen / Blogroll

  • eVerfahrensverzeichnis
  • KRZN
  • Onlinehilfe
  • Seminarprogramm

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>};
_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

Keine Kommentare

No comments yet.

RSS-Feed für Kommentare zu diesem Beitrag · TrackBack URL

Hinterlasse einen Kommentar

 

Seitenanfang


Hilfsnavigation

  • A. Inhalt.
  • B. Impressum.
  • C. Hilfe.