Als Beschriftung können Sie das natürlich einstellen - wenn der Schieberegler das beim Bewegen des Reglers auch anzeigen soll, müssten Sie es ihm mit dem entsprechenden JavaScript-Code erklären. Das könnte z.B. so aussehen:
var formatter = function(value, reversed) {
// Nichts anzeigen, wenn ein Wert kleiner 0 (z.B. -9 = keine Antwort) vorliegt
if (value < 0) {
return "";
}
// Den Wert runden und als Texte zur Anzeige zurückgeben
return String(Math.abs(Math.round((value - 51) * 2)) + "%";
}
// Die oben definierte Funktion für alle Schieberegler auf der Seite verwenden
SoSciSliders.setFormat(formatter);
Das -50
verschiebt den Wertebereich von 1..101 auf -50..+50 und das * 2
verdoppelt den Wert einfach, sodass -100..+100 angezeigt wird. Das Math.abs()
enfernt noch das Minus-Zeichen. Und dann wird noch ein Prozentzeichen angehängt.