Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
de:create:dynamic [30.05.2016 18:07] – Fehler in der letzten Änderung behoben riesketv | de:create:dynamic [04.05.2018 18:26] – [Beispiel 1: Sichtbare Auswahl] fabienne.woehner | ||
---|---|---|---|
Zeile 12: | Zeile 12: | ||
* Am einfachsten ermitteln Sie die ID eines Elements mit den Entwickler-Werkzeugen Ihres Browsers (je nach Browser an unterschiedlicher Stelle zu finden). Diese Werkzeuge können Ihnen den HTML-Code eines Elements (z.B. eines Auswahlfeldes) zeigen -- inkl. der HTML-ID ('' | * Am einfachsten ermitteln Sie die ID eines Elements mit den Entwickler-Werkzeugen Ihres Browsers (je nach Browser an unterschiedlicher Stelle zu finden). Diese Werkzeuge können Ihnen den HTML-Code eines Elements (z.B. eines Auswahlfeldes) zeigen -- inkl. der HTML-ID ('' | ||
* Für Fragen vergibt SoSci Survey jeweils eine HTML-ID bestehend aus der Frage-Kennung, | * Für Fragen vergibt SoSci Survey jeweils eine HTML-ID bestehend aus der Frage-Kennung, | ||
- | - In SoSci Survey kann man beliebige Inhalte in eine Fragebogenseite aufnehmen. Also auch JavaScript Code. Dies geschieht am einfachsten, | + | - In SoSci Survey kann man beliebige Inhalte in eine Fragebogenseite aufnehmen. Also auch JavaScript Code. Dies geschieht am einfachsten, |
**Wichtig: | **Wichtig: | ||
Zeile 19: | Zeile 19: | ||
**Hinweis: | **Hinweis: | ||
+ | |||
+ | **Hinweis: | ||
**Tipp:** Wenn der Teilnehmer sieht, dass eine der Auswahloptionen mit zusätzlicher Arbeit verbunden ist, dann könnte dies sein Antwortverhalten beeinflussen. Ein klassischer [[filters|Filter]] mit Abfrage der zweiten Frage auf der Folgeseite kann hier sinnvoller sein. | **Tipp:** Wenn der Teilnehmer sieht, dass eine der Auswahloptionen mit zusätzlicher Arbeit verbunden ist, dann könnte dies sein Antwortverhalten beeinflussen. Ein klassischer [[filters|Filter]] mit Abfrage der zweiten Frage auf der Folgeseite kann hier sinnvoller sein. | ||
Zeile 25: | Zeile 27: | ||
===== Beispiel 1: Sichtbare Auswahl ===== | ===== Beispiel 1: Sichtbare Auswahl ===== | ||
- | Abhängig von eine Ja/ | + | Abhängig von einer Ja/ |
- | Der folgende JavaScript-Code wird als Textbaustein gespeichert und __unter__ den Fragen " | + | Der folgende JavaScript-Code wird als Textbaustein gespeichert |
<code javascript> | <code javascript> | ||
Zeile 40: | Zeile 42: | ||
// Die zwei Pipes (||) sind ein logisches " | // Die zwei Pipes (||) sind ein logisches " | ||
// Die Bedingung prüft also: Ist Option A ausgewählt oder ist B ausgewählt? | // Die Bedingung prüft also: Ist Option A ausgewählt oder ist B ausgewählt? | ||
- | if (optionA.checked) || (optionB.checked)) { | + | if ((optionA.checked) || (optionB.checked)) { |
// Wurde " | // Wurde " | ||
// Keine Angabe ("" | // Keine Angabe ("" | ||
Zeile 101: | Zeile 103: | ||
==== Fragebogen-Seite ==== | ==== Fragebogen-Seite ==== | ||
- | Vielleicht können Sie einmal nicht nicht mit den standardmäßig vorhandenen HTML-IDs arbeiten -- etwas deshalb, weil Sie eine Frage mehrfach auf der Seite einbinden und jeweils unterschiedliche Items anzeigen. In diesem Fall werden die einzublendenden Fragen mit '' | + | Vielleicht können Sie einmal nicht nicht mit den standardmäßig vorhandenen HTML-IDs arbeiten -- etwa deshalb, weil Sie eine Frage mehrfach auf der Seite einbinden und jeweils unterschiedliche Items anzeigen. In diesem Fall werden die einzublendenden Fragen mit '' |
{{: | {{: | ||
Zeile 107: | Zeile 109: | ||
==== JavaScript-Code ==== | ==== JavaScript-Code ==== | ||
- | Der folgende HTML-/ | + | Der folgende HTML-/ |
<code javascript> | <code javascript> |