Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:questions:slider [20.09.2019 20:18] – [Beispiel: Positionierung des angezeigten Werts] msd-media
+++ de:create:questions:slider [14.06.2021 17:30] – admin
@@ Zeile 93: / Zeile 93: @@
 <script type="text/javascript">
 <!--
-formatter = function(value, reversed) {
+var formatter = function(value, reversed) {
   if (value < 0) return "";
   return String(Math.round((value - 1) / 100 * 20)) + " €";
@@ Zeile 125: / Zeile 125: @@
 <code javascript>
-formatter = function(value) {
+var formatter = function(value) {
   if (value < 0) return "";
   var text = ((value - 51) / 50 * 25).toFixed(1) + "°C";
@@ Zeile 144: / Zeile 144: @@
 <script type="text/javascript">
 <!--
-formatter = function(value, reversed) {
+var formatter = function(value, reversed) {
   if (value < 0) return "";
   // Transformation auf 0..96
@@ Zeile 179: / Zeile 179: @@
 ==== Beispiel: Positionierung des angezeigten Werts ====
-Sie können exakt steuern, an welcher Position der Wert angezeigt wird. Dafür müssen Sie eine JavaScript-Funktion definieren, welche die gewünschte Position der Beschriftung (Mittelpunkt ''x'', ''y''), die Breite (''width'' in Pixeln) sowie deren Ausrichtung (''align'') als Objekt zurückgibt. Als Parameter erhält die Funktion die Position des Regler-Knopfs (Mittelpunkt x, y), die relative Position (im Wertebereich 0 bis 1) sowie Breite und Höhe der Beschriftung und den Index des Regler-Knopfes, für den Fall, dass ein zweiter Regler aktiviert ist.
+Sie können exakt steuern, an welcher Position der Wert angezeigt wird. Dafür müssen Sie eine JavaScript-Funktion definieren, welche die gewünschte Position der Beschriftung (Mittelpunkt ''x'', ''y'') und optional die Breite (''width'' in Pixeln), Ausrichtung (''align'') und Schriftgröße (''fontSize'') als Objekt zurückgibt. Als Parameter erhält die Funktion die Position des Regler-Knopfs (Mittelpunkt x, y), die relative Position (im Wertebereich 0 bis 1) sowie Breite und Höhe der Beschriftung und den Index des Regler-Knopfes, für den Fall, dass ein zweiter Regler aktiviert ist.
 Der folgende JavaScript-Code (welcher in einem ''<script>''-Tag zu platzieren ist, s. oben) zeigt im Schieberegler "AB01_01" die Beschriftung des ersten Knopfes links über dem Knopf, die Beschriftung des zweiten Knopfes rechts über dem Knopf an.
@@ Zeile 224: / Zeile 224: @@
 **Hinweis:** Die JavaScript-Funktion ''attachInput()'' erwartet als Parameter die HTML-ID des Eingabefelds.
-**Tipp:** Mithilfe der Funktion ''[[:de:create:functions:prepare_input]]'' und einem [[:de:create:placeholders|Platzhalter]] können Sie das Eingabefeld an beliebiger Stelle auf der Fragebogen-Seite platzieren.
+**Tipp:** Sie können das Eingabefeld an beliebiger Stelle auf der Fragebogen-Seite platzieren: [[de:create:inputs-single]]