Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
de:create:questions:slider [14.02.2022 19:08] – admin | de:create:questions:slider [14.04.2022 18:55] – [Beispiel: Prozente] admin | ||
---|---|---|---|
Zeile 91: | Zeile 91: | ||
Der folgende HTML-/ | Der folgende HTML-/ | ||
- | < | + | <code javascript> |
- | <script type=" | + | |
- | <!-- | + | |
var formatter = function(value, | var formatter = function(value, | ||
// Nichts anzeigen, wenn ein Wert kleiner 0 (z.B. -9 = keine Antwort) vorliegt | // Nichts anzeigen, wenn ein Wert kleiner 0 (z.B. -9 = keine Antwort) vorliegt | ||
Zeile 104: | Zeile 102: | ||
} | } | ||
SoSciSliders.setFormat(formatter); | SoSciSliders.setFormat(formatter); | ||
- | // --> | ||
- | </ | ||
</ | </ | ||
Zeile 168: | Zeile 164: | ||
Mit dem gleiche Code lässt sich natürlich eine Uhrzeit abfragen, es muss lediglich das " | Mit dem gleiche Code lässt sich natürlich eine Uhrzeit abfragen, es muss lediglich das " | ||
+ | |||
+ | |||
+ | |||
+ | ==== Beispiel: Prozente ==== | ||
+ | |||
+ | In diesem Beispiel soll eine Prozentaufteilung, | ||
+ | |||
+ | <code javascript> | ||
+ | <script type=" | ||
+ | <!-- | ||
+ | var formatter = function(value, | ||
+ | if (value < 0) return ""; | ||
+ | // Der Prozentwert ist der interne Wert minus 1 | ||
+ | var percent = Math.round(value - 1); | ||
+ | return percent + " | ||
+ | } | ||
+ | SoSciSliders.setFormat(formatter); | ||
+ | SoSciSliders.setDisplay(" | ||
+ | // --> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Das ''& | ||