Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
de:create:questions:selclick [22.09.2017 10:44] – [JavaScript] admin | de:create:questions:selclick [01.10.2020 21:56] (aktuell) – [Teilfragen überspringen] admin | ||
---|---|---|---|
Zeile 35: | Zeile 35: | ||
===== JavaScript ===== | ===== JavaScript ===== | ||
- | Der Container der Frage (die Fragekennung mit einem angehängten '' | + | Der Container der Frage (die Fragekennung mit einem angehängten '' |
+ | |||
+ | Mehr zur Einbindung von JavaScript in den Fragebogen s. [[https:// | ||
+ | |||
+ | |||
+ | ==== Auf Auswahl reagieren ==== | ||
Das Ereignis enthält in `CustomEvent.detail` die Kennung der Frage ('' | Das Ereignis enthält in `CustomEvent.detail` die Kennung der Frage ('' | ||
Zeile 67: | Zeile 72: | ||
</ | </ | ||
- | Mehr zur Einbindung von JavaScript | + | |
+ | ==== Audio abspielen beim Erscheinen des Items ==== | ||
+ | |||
+ | Falls man [[: | ||
+ | |||
+ | Hier kann man mit dem '' | ||
+ | |||
+ | <code html> | ||
+ | Hörbeispiel 1 | ||
+ | <audio id=" | ||
+ | <source src=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Wie im vorigen Beispiel wird nun eine Funktion definiert, welche auf Basis der Nummer der Teilfrage ('' | ||
+ | |||
+ | <code javascript> | ||
+ | <script type=" | ||
+ | function onPresent(evt) { | ||
+ | | ||
+ | var item = evt.detail.item; | ||
+ | var audio = document.getElementById(" | ||
+ | if (audio) { | ||
+ | audio.play(); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | var question = document.getElementById(" | ||
+ | question.addEventListener(" | ||
+ | </script> | ||
+ | </code> | ||
+ | |||
+ | |||
+ | ==== Teilfragen überspringen ==== | ||
+ | |||
+ | Die JavaScript-Methode '' | ||
+ | |||
+ | Das folgende Beispiel überspringt eine Teilfrage in der Auswahlabfolge " | ||
+ | |||
+ | <code javascript> | ||
+ | <script type=" | ||
+ | window.addEventListener(" | ||
+ | if (e.keyCode == 32){ | ||
+ | SoSciTools.questionnaire.AA01.skipItem(); | ||
+ | } | ||
+ | }); | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Schlagwörter: |