Wie kann man im Fragebogen die Summe von vier Schiebereglern anzeigen lassen?

Question

Ich habe 4 Items (alles Schieberegler 0%-100%) und würde gerne auf der gleichen Seite die Summe der 4 Items einblenden. Ich vermute ich brauche dafür Javascript, wäre aber froh wenn es auch anders geht. Kann jemand helfen?

Answer 1

Sie haben vollkommen recht: Wennn Sie etwas "live" auf der Seite ändern möchten, kommen Sie generell nicht ohne JavaScript aus.

Bauen Sie zuerst eine JavaScript-Funktion, welche die Werte der 4 Schieberegler abruft und addiert. Testen kann man das ganz gut im Debug-Modus - dort kann man eine Seite mit dem Pfeil oben in der Mitte bei der Debug-Leiste immer wieder aufrufen (besonders nachdem man bei den Schiebereglern etwas eingestellt hat).

Wenn das klappt, lassen Sie diese Funktion bei jeder Änderung eines Schiebereglers ausführen. Sehen Sie sich dazu die JavaScript-Referenz zum Schieberegler an - und natürlich helfen wir hier dann auch gerne wieder weiter. Pretest-Link direkt (!) zur betroffenen Fragebogen-Seite bitte nicht vergessen.

Comments

Vielen Dank für die Antwort.
Leider hab ich überhaupt keine Erfahrung mit JavaScript und auch ein grobes googlen konnte mir nicht helfen wie ich die Summe der Werte bilde.
Ich habe jetzt auf der gleichen Seite auf der auch die Slider sind, ein offenes Eingabefeld (Lückentext) in welchem die Summe erscheinen soll.
Dafür habe ich folgenden Code benutzt:

<script type="text/javascript">
<!--
 
SoSciTools.attachEvent(window, "load", function() {
  SoSciSliders.getSlider("AZ02_01").attachInput("AZ04_01");
});
 
// -->
</script>

Das funktioniert auch soweit, jetzt müsste ich nur noch wissen, wie ich die anderen Slider dazu addiere.
Pretestlink: https://www.soscisurvey.de/mjasachsen/?act=INlTWeetsHv8qh8vgSJrQbSK

---

Sie müssen bei jeder Änderung des Schiebereglers eine Funktion aufrufen, welche die Summe berechnet. Das erreichen Sie über SoSciSliders.getSlider("AZ02_01").addEventListener("change", ...);

Und diese Funktion muss dann die Werte der einzelnen Schieberegler abfragen - über SoSciSliders.getSlider("AZ02_01").value u.s.w.

Versuchen Sie als erstes einmal, die JavaScript Fehlerkonsole im Browser zu öffnen und diese Funktion mit dem addEventListener() aufzurufen:

function test() {
  console.log(SoSciSliders.getSlider("AZ02_01").value);
}