Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
de:create:questions:slider [21.07.2017 09:14] – admin | de:create:questions:slider [17.03.2018 20:53] – [Beispiel 1] admin |
---|
* ''number **Slider.getValue**(int //index//, Boolean //exakt//)''\\ Der aktuelle Wert des Schiebereglers (wenn mehrere Knöpfe pro Regler verwendet werden). Der Parameter //exakt// legt fest, ob der exakte Fließkomma-Wert für die Position oder ein gerundeter Wert zurückgegeben werden soll, wie er im Datensatz gespeichert wird. | * ''number **Slider.getValue**(int //index//, Boolean //exakt//)''\\ Der aktuelle Wert des Schiebereglers (wenn mehrere Knöpfe pro Regler verwendet werden). Der Parameter //exakt// legt fest, ob der exakte Fließkomma-Wert für die Position oder ein gerundeter Wert zurückgegeben werden soll, wie er im Datensatz gespeichert wird. |
* ''void **Slider.setValue**(number //Wert//, int //index//)''\\ Den //Wert// des Schiebereglers festlegen (wenn mehrere Knöpfe pro Regler verwendet werden). | * ''void **Slider.setValue**(number //Wert//, int //index//)''\\ Den //Wert// des Schiebereglers festlegen (wenn mehrere Knöpfe pro Regler verwendet werden). |
| * ''void **Slider.addEventListener**(string //EventID//, callable //Funktion//)''\\ Die Funktion //Funktion// aufrufen, sobald der Teilnehmer auf den Schieberelger klickt und damit einen Wert festlegt. Der Parameter //EventID// muss den Wert "click" haben. |
| |
| Folgender HTML-/JavaScript-Code ([[:de:create:javascript]]) sorgt beispielsweise dafür, dass der Teilnehmer direkt nach Klick auf das erste Item der Schieberegler-Frage "AB01" zur nächsten Seite weitergeleitet wird, wenn ein gültiger Wert ausgewählt wurde. |
| |
| <code javascript> |
| <script type="text/javascript"> |
| // Der Schieberegler ist erst verfügbar, wenn die Seite vollständig geladen wurde |
| SoSciTools.attachEvent(window, "load", function() { |
| var slider = SoSciSliders.getSlider("AB01_01"); |
| // Das "click" Event wird aufgerufen, wenn der Teilnehmer den Schieberegler setzt/bewegt |
| slider.addEventListener("click", function() { |
| if (slider.getValue() > 0) { |
| SoSciTools.submitPage(); |
| } |
| }); |
| }); |
| </script> |
| </code> |
| |
| |
SoSciSliders.setFormat(formatter, "AB01_03"); | SoSciSliders.setFormat(formatter, "AB01_03"); |
</code> | </code> |
| |
| **Hinweis:** Wenn Sie den obigen JavaScript-Code verwenden und die Items __nicht__ einzeln angeben, dann wird die Druckansicht des Fragebogens (Korrekturfahne und ausgefüllte Fragebögen) fehlerhaft sein. Die Formatierungs-Funktion wird dann auf alle zugleich sichtbaren Schieberegler angewandt, nicht nur auf jene der jeweiligen Seite. |
| |
**Tipp:** Der Name ''formatter'' für die Formatierungs-Funktion ist willkürlich gewählt. Sie können unterschiedliche Funktionen definieren, um bei unterschiedlichen Schiebereglern unterschiedliche Werte anzuzeigen. | **Tipp:** Der Name ''formatter'' für die Formatierungs-Funktion ist willkürlich gewählt. Sie können unterschiedliche Funktionen definieren, um bei unterschiedlichen Schiebereglern unterschiedliche Werte anzuzeigen. |