Schieberegler Werte in 0,01€ Schritten anzeigen?

Question

Mein Schieberegler ist von 0,01 € bis 10,00€ beschrieftet. Ich konnte bereits % in € ändern beim angezeigten Wert des Reglers. Nun möchte ich noch, dass der Schieberegler von 0,01€, 0,02€ bis 10,00€ mir jeden möglichen Betrag einzeln anzeigt.

Hilfreich wäre der HTML Code dafür.

Vielen Dank im Voraus

Answer 1

Nun möchte ich noch, dass der Schieberegler von 0,01€, 0,02€ bis 10,00€ mir jeden möglichen Betrag einzeln anzeigt.

Zunächst müssen Sie dafür die Differenzierung auf 1000 einstellen. Aber vorsicht: Damit der Nutzer dann auch wirklich jeden Cent-Betrag auswählen kann, müssen Sie ein Skalengrafik verwenden, die mindestens 1000 Pixel breit ist und der Fragebogen muss auch entsprechend viel Platz in der Breite bieten.

Wenn diese Voraussetzungen alle erfüllt sind, sieht der JavaScript-Code für die Anzeige wie folgt aus:

<script type="text/javascript">
<!--
formatter = function(value, reversed) {
  if (value < 0) return "";
  return (value / 100).toFixed(2) + " €";
}
SoSciSliders.setFormat(formatter);
// -->
</script>

Falls Ihnen das Komma statt dem Punkt noch wichtig ist, kann man auch dies noch ersetzen:

<script type="text/javascript">
<!--
formatter = function(value, reversed) {
  if (value < 0) return "";
  return (value / 100).toFixed(2).replace(".", ",") + " €";
}
SoSciSliders.setFormat(formatter);
// -->
</script>