Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende Überarbeitung | Nächste ÜberarbeitungBeide Seiten der Revision | ||
de:create:questions:slider [17.03.2018 21:01] – admin | de:create:questions:slider [11.01.2019 11:09] – admin | ||
---|---|---|---|
Zeile 131: | Zeile 131: | ||
==== Beispiel 3 ==== | ==== Beispiel 3 ==== | ||
+ | |||
+ | Um einen Zeitwert zwischen "0:00 Std." und "24:00 Std." mit einer Schrittweite von 15 Minuten anzuzeigen, muss im Schieberegler eine Differenzierung " | ||
+ | |||
+ | <code javascript> | ||
+ | <script type=" | ||
+ | <!-- | ||
+ | formatter = function(value, | ||
+ | if (value < 0) return ""; | ||
+ | // Transformation auf 0..96 | ||
+ | value = Math.round(value - 1); | ||
+ | // Stunden und Minuten durch Division/ | ||
+ | var hours = Math.floor(value / 4); | ||
+ | var minutes = Math.floor(60 * (value % 4) / 4); | ||
+ | // Die Minuten immer zweistellig anzeigen | ||
+ | if (minutes < 10) minutes = " | ||
+ | // Die Werte durch einen Doppelpunkt verbinden | ||
+ | return hours + ":" | ||
+ | } | ||
+ | SoSciSliders.setFormat(formatter); | ||
+ | // --> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Mit dem gleiche Code lässt sich natürlich eine Uhrzeit abfragen, es muss lediglich das " | ||
+ | |||
+ | |||
+ | ==== Beispiel 4 ==== | ||
Mittels JavaScript können Sie für einzelne Schieberegler die Anzeige der Position deaktivieren. Folgender HTML-/ | Mittels JavaScript können Sie für einzelne Schieberegler die Anzeige der Position deaktivieren. Folgender HTML-/ | ||
Zeile 143: | Zeile 170: | ||
- | ==== Beispiel | + | ==== Beispiel |
Sie können exakt steuern, an welcher Position der Wert angezeigt wird. Dafür müssen Sie eine JavaScript-Funktion definieren, welche die gewünschte Position der Beschriftung (Mittelpunkt '' | Sie können exakt steuern, an welcher Position der Wert angezeigt wird. Dafür müssen Sie eine JavaScript-Funktion definieren, welche die gewünschte Position der Beschriftung (Mittelpunkt '' |