Groups | Search | Server Info | Keyboard shortcuts | Login | Register

Groups > de.comp.lang.javascript > #5173

Interaktives Formular (was: Javascript oder HTML?)

Show key headers only | View raw

F. W. wrote:
^^^^^
Bitte trag an dieser Stelle Deinen vollständigen/richtigen Namen ein.
Das gilt hier im deutschsprachigen Usenet als höflich und erhöht somit
die Chance für sinnvolle Antworten. [psf 7.16]

> ich möchte gern ein interaktives Formular entwerfen, dessen nächstes
> Feld in Abhängigkeit von einer Antwort des aktuellen Feldes sichtbar
> oder unsichtbar bleibt.
> 
> Also wenn man beispielsweise
> 
> Getränk: KAFFEE
> 
> wählt, soll ein Feld
> 
> [ ] Milch
> [ ] Zucker
> 
> gefragt werden. Wählt man dagegen
> 
> Getränk: SAFT
> 
> macht die Frage nach Milch und Zucker keinen Sinn und die Frage
> erscheint gar nicht erst.

Grundsätzlich solltest Du für diese Logik eine Kombination aus Radiobuttons 
und Checkboxen verwenden:

  (_) Kaffee
      [_] Milch
      [_] Zucker

  (_) Saft

(Ausser Kaffee und Saft können gleichzeitig bestellt werden, dann solltest 
Du nur Checkboxen verwenden.)

Du solltest aber gut überlegen, ob es nötig und sinnvoll ist, die Optionen 
für den Kaffee auszublenden, wenn Kaffee nicht gewählt wurde.  Es ist 
normalerweise besser, dem Benutzer alle Optionen zu zeigen, diese aber nur 
unter passenden Umständen auswählbar zu machen.

„Milch“ und „Zucker“ erst dann einzublenden, wenn man „Kaffee“ wählt, führt 
dazu, dass das Formular dann „springt“ und „Saft“ sich anschliessend nicht 
mehr an derselben Position befindet wie vorher.  Das kann Benutzer 
verwirren.

Ausserdem können bei ausgeblendeten Unteroptionen Benutzer/Kunden nicht 
wissen, dass sie Kaffee mit Milch und/oder Zucker wählen können, und werden 
sich dann vielleicht nur *deshalb* dafür entscheiden, *nicht* Kaffee zu 
wählen.

Es gilt also, eine gute Balance zwischen zuwenig und zuviel Details in der 
Darstellung zu finden.

Siehe auch <https://www.nngroup.com/articles/accordions-complex-content/> 
ff.
 
> Nutze ich besser Javascript oder reicht HTML?

Es gibt kein „Javascript“, siehe rechts oben in meiner Signatur.

Clientseitiges Scripting wird für diese Funktionalität nicht zwingend 
benötigt; aber ob es trotzdem nötig ist, hängt davon ab, welche 
Laufzeitumgebungen Du clientseitig unterstützen willst und welche Dir 
serverseitig zur Verfügung stehen (falls überhaupt).

Mit CSS-Selektoren lässt sich das Gewünschte auch ohne clientseitiges 
Scripting erreichen, aber die clientseitige Laufzeitumgebung muss diese 
unterstützen.  Ohne CSS-Selektoren lässt sich das Gewünschte *auch* ohne 
clientseitiges Scripting erreichen, aber es muss eine serverseitige 
Laufzeitumgebung geben, die die entsprechende Funktionalität bereitstellt.
(In der Regel wählt man heutzutage den clientseitigen Ansatz, um Wartezeiten 
und Serverlast zu reduzieren.)

Ausserdem bauen in Web-Applikationen sowohl clientseitiges (in der Regel 
ECMAScript-basiertes) Scripting als auch Stylesheets (in der Regel CSS) auf 
einer Auszeichnungssprache wie HTML auf; das ist also keine *Entweder*-Oder-
Frage.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | <http://PointedEars.de/es-matrix>
<https://github.com/PointedEars> | <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | Please do not cc me./Bitte keine Kopien per E-Mail.

Back to de.comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar

Thread

Javascript oder HTML? "F. W." <me@home.com> - 2019-10-17 10:49 +0200
  Interaktives Formular (was: Javascript oder HTML?) Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-10-19 14:23 +0200
    Re: Interaktives Formular "F. W." <me@home.com> - 2019-10-21 14:01 +0200
      Re: Interaktives Formular Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-10-22 11:28 +0200
        Re: Interaktives Formular "F. W." <me@home.com> - 2019-10-23 09:04 +0200
          Re: Interaktives Formular Claus Reibenstein <4spamersonly@kabelmail.de> - 2019-10-23 11:48 +0200
            Re: Interaktives Formular Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-10-23 19:03 +0200
            Re: Interaktives Formular Arno Welzel <usenet@arnowelzel.de> - 2019-10-27 12:41 +0100
    Re: Interaktives Formular Maik Koenig <usenetspam@maikkoenig.de> - 2019-10-21 15:23 +0200
      Re: Interaktives Formular Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-10-22 11:26 +0200
  Re: Javascript oder HTML? Arno Welzel <usenet@arnowelzel.de> - 2019-10-20 17:00 +0200
    Re: Javascript oder HTML? Robin Koch <robin.koch@t-online.de> - 2019-10-31 14:57 +0100
      Re: Javascript oder HTML? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-11-02 02:49 +0100

csiph-web