Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > de.comp.lang.javascript > #5172 > unrolled thread

Javascript oder HTML?

Back to article view | Back to de.comp.lang.javascript

Contents

  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

#5172 — Javascript oder HTML?

Hallo,

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.

Nutze ich besser Javascript oder reicht HTML?

FW

[toc] | [next] | [standalone]

#5173 — Interaktives Formular (was: Javascript oder HTML?)

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.

[toc] | [prev] | [next] | [standalone]

#5175 — Re: Interaktives Formular

On 19.10.19 14:23, Thomas 'PointedEars' Lahn wrote:

> „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.

"Saft" und "Kaffee" sind natürlich nicht die wirklichen Auswahlpunkte
des Projekts. Es sind nur Beispiele.

>> Nutze ich besser Javascript oder reicht HTML?
> Es gibt kein „Javascript“, siehe rechts oben in meiner Signatur.

Okay, die Newsgroup heißt so. Deshalb bin ich hier.

> 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).

Jeder handelsübliche Browser: Chrome, Firefox, Opera, Safari und
meinethalben auch Internet Explorer usw.

> 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.

Hmmm...wie sähe so etwas denn aus? Muss man nicht Attribute oder
Selektoren ändern?

FW

[toc] | [prev] | [next] | [standalone]

#5178 — Re: Interaktives Formular

Der pseudonyme Adressfälscher "F. W." schrieb:

> [irgendwas]

Weitere Hilfe von mir gibt es nur, wenn Du Dich an die grundlegenden Regeln 
im Usenet hältst.

<http://einklich.net/usenet/usenet1> ff.

-- 
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.

[toc] | [prev] | [next] | [standalone]

#5179 — Re: Interaktives Formular

On 22.10.19 11:28, Thomas 'PointedEars' Lahn wrote:

> Der pseudonyme Adressfälscher "F. W." schrieb:

Huh! Eine justiziable Beleidigung mit ladungsfähiger Adresse gleich am
Anfang? Ganz schön mutig...

>> [irgendwas]
> 
> Weitere Hilfe von mir gibt es nur, wenn Du Dich an die grundlegenden 
> Regeln im Usenet hältst.

Regeln? Wer macht hier Regeln? Bin ich etwa im deutschen Usenet? "Lerne
klagen ohne zu leiden..." :-D

Vielen Dank trotzdem. Javascript/ECMA-Script hat sich inzwischen hier
überholt. Wir haben etwas anderes gefunden.

FW

[toc] | [prev] | [next] | [standalone]

#5180 — Re: Interaktives Formular

F. W. schrieb am 23.10.2019 um 09:04:

> On 22.10.19 11:28, Thomas 'PointedEars' Lahn wrote:
>
>> Der pseudonyme Adressfälscher "F. W." schrieb:
>
> Huh! Eine justiziable Beleidigung mit ladungsfähiger Adresse gleich am
> Anfang? Ganz schön mutig...

Bitte nenne uns das Aktenzeichen und informiere uns über den Fortschritt
des Verfahrens.

>> Weitere Hilfe von mir gibt es nur, wenn Du Dich an die grundlegenden 
>> Regeln im Usenet hältst.
>
> Regeln? Wer macht hier Regeln? Bin ich etwa im deutschen Usenet?

Du bist im deutschsprachigen Teil des Usenet, und ja, es gibt Regeln.
Bedauerlich, dass Dir diese nicht bekannt sind.

Was mich wundert, ist, dass mein Realnamenplausibilitätsfilter Dich
nicht sachgerecht entsorgt hat. Muss ich wohl mal überarbeiten.

Gruß
Claus

[toc] | [prev] | [next] | [standalone]

#5181 — Re: Interaktives Formular

Claus Reibenstein wrote:

> F. W. schrieb am 23.10.2019 um 09:04:
>> On 22.10.19 11:28, Thomas 'PointedEars' Lahn wrote:
>>> Der pseudonyme Adressfälscher "F. W." schrieb:
>> Huh! Eine justiziable Beleidigung mit ladungsfähiger Adresse gleich am
>> Anfang? Ganz schön mutig...
> 
> Bitte nenne uns das Aktenzeichen und informiere uns über den Fortschritt
> des Verfahrens.

YMMD :)

(Dass ich *das* noch erleben darf! [dsf 4.25])

-- 
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.

[toc] | [prev] | [next] | [standalone]

#5182 — Re: Interaktives Formular

Claus Reibenstein:

[...]
> Was mich wundert, ist, dass mein Realnamenplausibilitätsfilter Dich
> nicht sachgerecht entsorgt hat. Muss ich wohl mal überarbeiten.

Was mich wundert, dass auf Leute reagierst, die Du nicht lesen willst.

Übrigens bewahren auch Realnamen nicht vor unsinnigen oder überflüssigen
Postings.


-- 
Arno Welzel
https://arnowelzel.de

[toc] | [prev] | [next] | [standalone]

#5176 — Re: Interaktives Formular

Am 19.10.2019 um 14:23 schrieb Thomas 'PointedEars' Lahn:
> 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]

Das Du auf Adressfälscher antwortest wusste ich bisher auch nicht.

Greetz,
MK
-- 
Kopp-Verlag-Gläubige, Religionsdeppen, rechte Vollidioten
 und ähnlicher Bio-Abfall werden ohne Hinweis ignoriert!
                https://das-ist-afd.de/

[toc] | [prev] | [next] | [standalone]

#5177 — Re: Interaktives Formular

Maik Koenig wrote:

> Am 19.10.2019 um 14:23 schrieb Thomas 'PointedEars' Lahn:
>> 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]
> 
> Das Du auf Adressfälscher antwortest wusste ich bisher auch nicht.

Danke für den Hinweis.  Der Wert des From-Headerfelds war syntaktisch 
korrekt und die Second-Level-Domain noch nicht in der Blacklist.

-- 
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.

[toc] | [prev] | [next] | [standalone]

#5174

F. W.:

> 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.
> 
> Nutze ich besser Javascript oder reicht HTML?

Das kommt darauf an, *wie* Du obiges erreichen willst. Wenn sich die
Frage nach Milch & Zucker sofort ändern soll, sobald ein anderes Getränk
ausgewählt wird, geht es nicht ohne clientseitiges Script.


-- 
Arno Welzel
https://arnowelzel.de

[toc] | [prev] | [next] | [standalone]

#5183

Am 20.10.2019 um 17:00 schrieb Arno Welzel:
> F. W.:
> 
>> 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.
>>
>> Nutze ich besser Javascript oder reicht HTML?
> 
> Das kommt darauf an, *wie* Du obiges erreichen willst. Wenn sich die
> Frage nach Milch & Zucker sofort ändern soll, sobald ein anderes Getränk
> ausgewählt wird, geht es nicht ohne clientseitiges Script.

Das würde ich so nicht sagen.

Wenn man die Elemente schachtelt und CSS-Pseudoklassen-Selektoren wie 
:selected nutzt, kann man untergeordnete Elemente z.B. abhängig vom 
Status eines übergeordneten Elements ausblenden.

Statt zu schachteln müsste man auch Vorgänger-Relatioen nutzen können.

-- 
Robin Koch

[toc] | [prev] | [next] | [standalone]

#5184

Robin Koch wrote:

> Am 20.10.2019 um 17:00 schrieb Arno Welzel:
>> Das kommt darauf an, *wie* Du obiges erreichen willst. Wenn sich die
>> Frage nach Milch & Zucker sofort ändern soll, sobald ein anderes Getränk
>> ausgewählt wird, geht es nicht ohne clientseitiges Script.
> 
> Das würde ich so nicht sagen.
> 
> Wenn man die Elemente schachtelt und CSS-Pseudoklassen-Selektoren wie
> :selected nutzt, kann man untergeordnete Elemente z.B. abhängig vom
> Status eines übergeordneten Elements ausblenden.
> 
> Statt zu schachteln müsste man auch Vorgänger-Relatioen nutzen können.

Ja, das kann man.  Man muss aber sicherstellen, dass diese Selektoren auch 
unterstützt werden.

-- 
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.

[toc] | [prev] | [standalone]

Back to top | Article view | de.comp.lang.javascript

csiph-web