Schieberegler: Position der Reglerwerte für verschiedene Buttons

Question

Liebe Community,

Ich habe einen Schieberegler (Two-sided Slider) mit zwei Knöpfen. Ich würde gerne den Wert von Knopf1 unter Knopf1 und den Wert für Knopf2 über Knopf2 anzeigen lassen.

Auf der Info-Seite zum Schieberegler (LINK) bin Ich auf folgenden Code gestoßen, der bei mir nicht funktioniert und wahrscheinlich noch modifiziert werden muss. Füge Ich den Code auf der Seite als script ein, werden keine Werte mehr für die Knöpfe angezeigt. Dürfte Ich hier um Ihre Unterstützung bitten?

Frage: EQ23
Slider: EQ23_01
Knopf1: EQ23_01
Knopf2: EQ23_01a

Code:

function positioner(x, y, position, width, height, buttonIndex) {
  if (button == 0) {
    return {
      x:x - width / 2,
      y:y - 20,
      align:"right"
    }
  } else {
    return {
      x:x + width / 2,
      y:y - 20,
      align:"left"
    }
  }
}
 
SoSciSliders.setDisplay(positioner, "EQ23_01");

Pretest: https://www.soscisurvey.de/tuddue/?act=g8cgnej5B3w6MtbHBa9uNz3w

Ich bedanke mich vielmals für die Unterstützung.

LG

Comments

Tauschen Sie als erstes bitte das (button == 0) gegen (buttonIndex == 0) aus - und werfen Sie dann einen Blick in die Entwicklerkonsole, ob dort (weitere) JavaScript-Fehler angezeigt werden.

---

Das hat mich schon mal weitergebracht.

Jetzt werden Werte angezeigt aber wie es scheint, nur gemäß dem else-Fall. Auch wenn ich "buttonIndex == 1" setze, wird der zweite Fall ausgeführt. Das Ergebnis: Es wird die zweite Formatierung für beide Knöpfe übernommen.

---

Die Anleitung war hier leider fehlerhaft, der Index wurde nie an die Funktion übergeben. Stattdessen kann man zwei separate Funktionen definieren:
https://www.soscisurvey.de/help/doku.php/de:create:questions:slider#beispielpositionierung_des_angezeigten_werts

---

Vielen Dank für die Anpassung.

Bei mir funktioniert es leider noch nicht. Die Konsole gibt folgendes aus:

Uncaught TypeError: Cannot read properties of undefined (reading 'item')


Pretest: https://www.soscisurvey.de/tuddue/?act=g8cgnej5B3w6MtbHBa9uNz3w

---

Die Anleitung hat unterschlagen, dass die Schieberegler erst nach dem Laden der Seite über s2.EQ25 verfügbar sind. Bitte ergänzen Sie noch ein window.addEventListener() um Ihren Code außenherum - ich habe die Anleitung diesbezüglich gerade nochmal aktualisiert: https://www.soscisurvey.de/help/doku.php/de:create:questions:slider#beispielpositionierung_des_angezeigten_werts

---

Nun funktioniert es perfekt, vielen Dank :)