| 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 21:01] – 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 Formatierungs-Funktion auf alle zugleich sichtbaren Schieberegler angewandt, nicht nur auf jene der aktuellen Seite. Die Druckansicht des Fragebogens (Korrekturfahne und ausgefüllte Fragebögen) ist dann unter Umständen fehlerhaft. |
| |
| **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. |
