Zwei Schieberegler auf einer Seite. Unterschiedliche Anker

Question

Hallo,

wir passen mit

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

Die Werte an die ein Schieberegler anzeigt. In diesem Fall stellen wir die Werte für Min auf 0 und von Max auf 50 und wenn jemand den Regler bewegt, werden korrekt Werte zwischen und 0 und 50 angezeigt, je nachdem wo man gerade drauf geklickt hat.

Nun wollen wir aber zwei Schieberegler auf einer Seite mit unterschiedlichen Ankern, einmal 0-50, einmal 0-20, anzeigen. Kann man das irgendwie umsetzen? Die Kennung SoSciSliders für die Schieberegler kann man nicht ändern (auf SoSciSliders1 und SoSciSliders2) um dann entsprechend per JS den jeweiligen Regler anzupassen?

Vielen Dank und viele Grüße

Answer 1

Wie in der Anleitung zum Schieberegler beschrieben, können Sie bei SoSciSliders.setFormat() optional als zweiten Parameter angeben, für welchen Schieberegler die Formatierungs-Funktion verwendet werden soll.

Schreiben Sie also zwei formatter()-Funktionen (statt nur einer) mit unterschiedlichem Namen (z.B. formatterAB01() und formatterBC02()) und rufen Sie SoSciSliders.setFormat() zweimal auf, einmal pro Schieberegler.

Comments

Super. Hat geklappt. Danke.