Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende Überarbeitung | Nächste ÜberarbeitungBeide Seiten der Revision | ||
de:create:questions:assignment [25.02.2019 09:38] – admin | de:create:questions:assignment [16.05.2020 17:55] – admin | ||
---|---|---|---|
Zeile 111: | Zeile 111: | ||
* '' | * '' | ||
* '' | * '' | ||
+ | |||
+ | Mit der Funktion '' | ||
+ | |||
==== Beispiel: Audio abspielen ==== | ==== Beispiel: Audio abspielen ==== | ||
Zeile 168: | Zeile 171: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | |||
+ | ==== Zeiten für Primes variieren ==== | ||
+ | |||
+ | Das folgende JavaScript verändert die Darbietungsdauer für die Primes, welche in den Items 1, 2 und 3 definiert wurden. Die Zahl hinter der Item-Nummer gibt dabei die Anzeigedauer in Millisekunden (ms) an. | ||
+ | |||
+ | <code html> | ||
+ | <script type=" | ||
+ | window.addEventListener(" | ||
+ | SoSciTools.questionnaire.AB01.setPrimeTimes({ | ||
+ | 1: 2000, | ||
+ | 2: 500, | ||
+ | 3: 1000 | ||
+ | }); | ||
+ | }); | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Falls die Anzeigezeiten für die Primes dynamisch variiiert werden sollen, kann die Liste der Prime-Anzeigedauern auch im PHP-Code erstellt und anschließend mittels Platzhalter in den JavaScript-Code übernommen werden. Der JavaScript-Code würde dabei als Text (Darstellung: | ||
+ | |||
+ | <code html> | ||
+ | <script type=" | ||
+ | window.addEventListener(" | ||
+ | SoSciTools.questionnaire.%question%.setPrimeTimes(%randomTimes%); | ||
+ | }); | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Der PHP-Code könnte dann wie folgt aussehen. Er würde die zufällig gewählten Zeiten in den internen Variablen der Frage " | ||
+ | |||
+ | <code php> | ||
+ | $times = []; | ||
+ | for ($i=1; $i<=20; $i++) { | ||
+ | $randomTime = random(100, 1000); | ||
+ | put(id(' | ||
+ | $times[$i] = $randomTime; | ||
+ | } | ||
+ | |||
+ | // Textbaustein AB02 einbinden und dabei | ||
+ | // die Platzhalter für Frage-Kennung und die Zeiten einsetzen | ||
+ | show(' | ||
+ | ' | ||
+ | ' | ||
+ | ]); | ||
+ | </ | ||
+ | |||