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 [08.11.2014 14:09] – [Grundwissen] admin | de:create:dynamic [23.10.2020 18:58] – [Fragebogen-Seite] sophia.schauer | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Fragen bei Auswahl einer bestimmten Option sofort einblenden ====== | ====== Fragen bei Auswahl einer bestimmten Option sofort einblenden ====== | ||
- | [[filters|Filterfragen]] ermöglichen es zwar, Inhalte bzw. Fragen in Abhängigkeit früherer Antworten anzuzeigen -- aber manchmal soll eine zusätzliche Frage direkt auf derselben Fragebogen-Seite erscheinen. In diesem Fall spricht man von dynamischen Inhalten, weil sich Anzeige verändert, ohne dass eine neue HTML-Seite vom Browser übermittelt wurde. | + | [[filters|Filterfragen]] ermöglichen es zwar, Inhalte bzw. Fragen in Abhängigkeit früherer Antworten anzuzeigen -- aber manchmal soll eine zusätzliche Frage direkt auf derselben Fragebogen-Seite erscheinen. In diesem Fall spricht man von dynamischen Inhalten, weil sich die Anzeige verändert, ohne dass eine neue HTML-Seite vom Browser übermittelt wurde. |
- | Prinzipiell sind mit JavaScript und dem Document Object Model (DOM) sehr umfassende Modifikationen innerhalb einer Fragebogenseite möglich, allerdings erfordert dies mitunter fortgeschrittene Programmier-Kenntnisse. Diese Anleitung beschränkt sich darauf, wie man damit eine Frage in Abhängigkeit einer Antwort ein- bzw. auszublendet. | + | Prinzipiell sind mit JavaScript und dem Document Object Model (DOM) sehr umfassende Modifikationen innerhalb einer Fragebogenseite möglich, allerdings erfordert dies mitunter fortgeschrittene Programmier-Kenntnisse. Diese Anleitung beschränkt sich darauf, wie man damit eine Frage in Abhängigkeit einer Antwort ein- bzw. ausblendet. |
===== Grundwissen ===== | ===== Grundwissen ===== | ||
Zeile 10: | Zeile 10: | ||
- Jedes Element einer (HTML-)Internetseite hat eine ganze Reihe von Eigenschaften. SoSci Survey erstellt die einzelne Fragebogen-Seite als HTML-Seite -- und alle Fragen und Eingabefelder sind ihrerseits HTML-Elemente, | - Jedes Element einer (HTML-)Internetseite hat eine ganze Reihe von Eigenschaften. SoSci Survey erstellt die einzelne Fragebogen-Seite als HTML-Seite -- und alle Fragen und Eingabefelder sind ihrerseits HTML-Elemente, | ||
- Die Elemente einer HTML-Seite lassen sich am einfachsten anhand ihrer HTML-ID ansprechen. SoSci Survey vergibt für alle Eingabefelder automatisch HTML IDs, die sich an der Frage- bzw. Itemkennung orientieren. | - Die Elemente einer HTML-Seite lassen sich am einfachsten anhand ihrer HTML-ID ansprechen. SoSci Survey vergibt für alle Eingabefelder automatisch HTML IDs, die sich an der Frage- bzw. Itemkennung orientieren. | ||
- | * 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" |
* 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 101: | Zeile 103: | ||
==== Fragebogen-Seite ==== | ==== Fragebogen-Seite ==== | ||
- | Vielleicht können Sie einmal | + | Vielleicht können Sie einmal 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> |