Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:questions:slider [14.02.2022 19:09] – admin
+++ de:create:questions:slider [14.04.2022 18:55] – [Beispiel: Prozente] admin
@@ Zeile 164: / Zeile 164: @@
 Mit dem gleiche Code lässt sich natürlich eine Uhrzeit abfragen, es muss lediglich das "Std." am Ende gegen "Uhr" ausgestauscht werden.
+==== Beispiel: Prozente ====
+In diesem Beispiel soll eine Prozentaufteilung, z.B. "40% / 60%" angezeigt werden. Im Schieberegler muss eine Differenzierung "1..101" eingestellt werden (101 Schritte von 0 bis 100%).
+<code javascript>
+<script type="text/javascript">
+<!--
+var formatter = function(value, reversed) {
+  if (value < 0) return "";
+  // Der Prozentwert ist der interne Wert minus 1
+  var percent = Math.round(value - 1);
+  return percent + "%&nbsp;/&nbsp;" + (100 - percent) + "%";
+}
+SoSciSliders.setFormat(formatter);
+SoSciSliders.setDisplay("top");
+// -->
+</script>
+</code>
+Das ''&nbsp;'' ist ein geschütztes Leerzeichen. Alternativ kann man eine Funktion zur Positionierung verwenden (s. unten), welche die Breite des Anzeigefeldes ein wenig erhöht.