Schieberegler Werte Schriftgröße anpassen

Question

Hallo!

Ich möchte gerne die Schieberegler-Werte in einer größeren Schriftart anzeigen lassen. Welchen Code brauche ich?

Danke!

Comments

Beim Schieberegler werden die Extrema beschriftet, manche Skalen zeigen mehrere Werte über den Schieberegler verteilt (0 .. 100) und man kann den aktuellen Wert anzeigen lassen. Was davon möchten Sie denn in einer größeren Schriftart darstellen?

---

Ich möchte den Wert größer darstellen lassen, der die aktuelle Position des Schiebereglers anzeigt. Also die "dynamische Anzeige".

Answer 1

Ich möchte den Wert größer darstellen lassen, der die aktuelle Position des Schiebereglers anzeigt.

Eine schnelle Lösung wäre diese:

div.s2currentValue {
  font-size: 13px !important;
}

Entweder im Fragebogen-Layout oder mittels pageCSS() im PHP-Code auf der Seite.

pageCSS('
    div.s2currentValue {
      font-size: 13px !important;
    }
');

Allerdings ist das nur die halbe Wahrheit. Die saubere Lösung wäre, dass Sie mittels JavaScript die gewünschte Schriftgröße im Rahmen der Positionierung der Anzeige des Werts anpassen, vgl. Parameter "fontSize" in Beispiel: Positionierung des angezeigten Werts.

Diese Lösung wird dann notwendig, wenn Ihnen 13 Pixel nicht reichen, denn dann müssen Sie den Text ohnehin ein bisschen weiter nach oben verschieben.

Comments

Danke!
Gefühlt reichen die 13px nocht nicht. Mit der Anleitung (die ich schon gefunden hatte), konnte ich bisher nicht viel anfangen, weil ich im Code die font-size nicht gefunden habe und entsprechend nicht wusste, wo ich die korrekterweise einbauen muss.
Könnten Sie mir auf die Sprünge helfen?

---

Es steht nur ein wenig versteckt im Text - so etwa müsste das aussehen:

    return {
      x:x - width / 2,
      y:y - 20,
      align:"right",
      fontSize: 16
    }

---

Ich schaffs noch nicht :/

Hier ist mein PHP Code

<script type="text/javascript">
<!--
SoSciSliders.setDisplay(null, "BG16");
// -->
</script>

<script type="text/javascript">
function positioner(x, y, position, width, height, buttonIndex) {
  if (button == 0) {
    return {
      x:x - width / 2,
      y:y - 20,
      align:"right",
      fontSize: 16
    }
  } else {
    return {
      x:x + width / 2,
      y:y - 20,
      align:"left",
      fontSize: 16
    }
  }
}
 
SoSciSliders.setDisplay(positioner, "BG16_01");
</script>



Und hier die Fehlermeldung: :D
Im PHP-Code trat ein Fehler auf.
Fehler im Fragebogen: Befehl oder String (Text) nicht abgeschlossen

Hinter einem Befehl wie z.B. question() steht kein Strichpunkt oder
ein String (Text in Anführungszeichen) ist nicht abgeschlossen oder
im String selbst kommt ein Anführungszeichen vor, z.B. html('Mach's besser!'); – in diesem Fall stellen Sie dem Anführungszeichen einen Backslash (\) voran.
Möglicherweise stimmen die öffnenenden und schließenden geschweiften Klammern für Anweisungsblöcke auch nicht überein.
PHP-Code

001 namespace s2survey\questionnaire\environment;
002
003 <script type="text/javascript">
004 <!--
005 SoSciSliders.setDisplay(null, "BG16");
006

---

> Hier ist mein PHP Code

Der Code muss als HTML-Code eingebunden werden, weil es sich um JavaScript handelt, vgl. https://www.soscisurvey.de/help/doku.php/de:create:javascript

---

Korrekt! Jetzt hab ich keine Fehlermeldung mehr, aber jetzt wird mit gar kein Wert mehr angezeigt. Irgendwas scheint nicht zu passen. :/

---

Dann schauen Sie bitte mal in die JavaScript-Fehlerkonsole, vgl. https://www.soscisurvey.de/help/doku.php/de:create:javascript#fehler_finden