Schieberegler in € und Anzeige des Wertes in 0,01€ Schritten

Question

Hi, ich möchte gerne den Befragten mit dem Schieberegler einstellen lassen, wie viel er für ein Produkt bereit ist zu zahlen zwischen 0 bis 10 Euro. Dabei soll dem Befragten der aktuelle Schieberegler Wert in 0,01€ Schritten angezeigt werden.

Um die Werte in € zu bekommen habe ich folgendes Javascript verwendet:
https://www.soscisurvey.de/help/doku.php/de:create:questions:slider#anzeige_der_aktuellen_position

Leider sieht die Umfrage wie folgt aus:
https://www.soscisurvey.de/umfragegkk/?act=QfcFNcXu7gqzQ5oqbCei6Avz

Was mache ich falsch? :D

Answer 1

Die JavaScript-Fehlerkonsole des Browser sagt:

SyntaxError: expected expression, got '<'

Qenn man an der angegeben Stelle in den Quellcode der Seite schaut (Doppelklick auf die Meldung), ist dort der folgende Code:

<script type="text/javascript">
<!--


s2.registerQuestion(new SoSciSliders("FU02"));
s2.FU02.attach("FU02_01_button", "FU02_01", false, "opaque", -9, false, 101, "auto", {"min.x":18,"min.y":20,"max.x":222,"max.y":20,"dk.x":18,"dk.y":20});
SoSciSliders.instance.attachForeign("FU02_01", s2.FU02.getSlider("FU02_01"));  // Legacy support
document.getElementById("sliderFU02_01Alt").style.display = "none";
<script type="text/javascript">
<!--
formatter = function(value, reversed) {
  if (value < 0) return "";
  return String(Math.round((value - 1) / 100 * 20)) + " €";
}
SoSciSliders.setFormat(formatter);
// -->
</script>
// -->
</script>

Langer Rede kurzer Sinn: Dort steht ein <script>-Blick innerhalb eines anderen <script>-Blocks und dies erzeugt einen Fehler. Dies hat zur Folge, dass der restliche JavaScript-Code auf der Seite nicht korrekt ausgeführt wird.

Comments

ok, danke schonmal dafür! Mittlerweile funktioniert es auch. Wie bekomme ich es bei folgendem code hin, dass mir jetzt auch noch 0,01€ Schritte am Schieberegler angezeigt werden:

formatter = function(value, reversed) {
  if (value < 0) return "";
  return String(Math.round((value - 1) / 100 * 10)) + " €";
}
SoSciSliders.setFormat(formatter);
// -->

---

Das hatte ich zufällig in einem anderen Thread kürzlich erklärt :)
https://support.soscisurvey.de/?qa=15228/schieberegler-werte-in-0-01-schritten-anzeigen&show=15239#a15239