[[Schieberegler]]
Sie befinden sich hier: start » Übersicht » Den Fragebogen gestalten » Fragetypen » Schieberegler
 
Zuletzt angesehen:

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
de:create:questions:slider [19.01.2023 14:23] – adminde:create:questions:slider [19.04.2023 21:55] (aktuell) – admin
Zeile 385: Zeile 385:
 }); });
 </code> </code>
 +
 +
 +===== Summe der Regler anzeigen =====
 +
 +Die Anzeige der aktuellen Summe aller Regeler erfordert zunächst ein HTML-Element mit einer ID, in welches man den Wert "hineinschreiben" kann. Dies kann in einem Element der Frage (Titel, Erklärung, ...) platziert werden oder als HTML-Code separat auf der Seite.
 +
 +<code html>
 +<div>
 +Die aktuelle Summe beträgt <span id="output">-</span>%.
 +</div>
 +</code>
 +
 +Der JavaScript-Code muss dann bei jeder Änderung (''%%"change"%%'') alle Regler durchgehen. Darum kümmert sich hier die Funktion `''refresh()''. Ist deren Wert eines Reglers größer als 0 (also nicht auf der "keine Angabe" Position), dann wird der Wert in die Summe aufgenommen. Im folgenden Code wird der Wert zunäcsht gerundet (Schieberegler können auch nicht-ganzzahlige Werte liefern) und jeweils noch 1 subtrahiert, weil der Wertebereich hier von 1 bis 101 geht, diese Werte aber für 0 bis 100 % stehen.
 +
 +<code javascript>
 +window.addEventListener("load", function() {
 +    var slider = s2.SR01;
 +    var items = slider.items;
 +
 +    function refresh() {
 +        var sum = 0;
 +        for (var key in items) {
 +            var value = items[key].value;
 +            if (value > 0) {
 +                sum+= Math.round(value) - 1;
 +            }
 +        }
 +        document.getElementById("output").innerHTML = sum;
 +    }
 +
 +    for (var key in items) {
 +        items[key].addEventListener("change", refresh);
 +    }
 +    refresh();
 +});
 +</code>
 +
  
 ===== Literatur ===== ===== Literatur =====
  
 Funke, Frederik. (2010). Internet-based measurement with visual analogue scales: An experimental investigation (Internetbasierte Messungen mit visuellen Analogskalen: Eine experimentelle Untersuchung). Dissertation. [[http://frederikfunke.net/dissertation/Funke_%282010%29_Internet-based_measurement_with_visual_analogue_scales-Dissertation.pdf|Online verfügbar]] Funke, Frederik. (2010). Internet-based measurement with visual analogue scales: An experimental investigation (Internetbasierte Messungen mit visuellen Analogskalen: Eine experimentelle Untersuchung). Dissertation. [[http://frederikfunke.net/dissertation/Funke_%282010%29_Internet-based_measurement_with_visual_analogue_scales-Dissertation.pdf|Online verfügbar]]
de/create/questions/slider.txt · Zuletzt geändert: 19.04.2023 21:55 von admin
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki