Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:inputs-single [02.04.2018 16:16] – Änderung von prepare_input() zu Platzhaltern admin
+++ de:create:inputs-single [30.11.2020 21:17] (aktuell) – admin
@@ Zeile 28: / Zeile 28: @@
 Legen Sie eine Rubrik mit der //Kennung// "ZE" an, //Beschreibung// z.B. "Frei platzierte Eingabefelder").
-Erstellen Sie die übergeordnete Frage (ZE01), in der später die Eingabefelder erscheinen sollen. Im obigen Beispiel ist das eine Frage vom //Typ// "Skala (voll beschriftet)".
+Erstellen Sie eine Frage ZE01 vom //Typ// "Texteingabe". In dieser Frage legen Sie ein Item an. Bei den Texteingabefeldern ist es sinnvoll, eine Breite vorzugeben -- im Beispiel 120 Pixel. Der Item-Text wird später nicht angezeigt, dennoch ist es sinnvoll, einen Text für das Item anzugeben: Er taucht im Datenexport als Variablen-Label auf.
-{{scr.inputs-single.outer_incomplete.png?nolink|Beispiel für frei platzierte Eingabefelder}}
-Erstellen Sie eine weitere Frage ZE02 vom //Typ// "Texteingabe". In dieser Frage legen Sie ein Item an. Bei den Texteingabefeldern ist es sinnvoll, eine Breite vorzugeben -- im Beispiel 120 Pixel. Der Item-Text wird später nicht angezeigt, dennoch ist es sinnvoll, einen Text für das Item anzugeben: Er taucht im Datenexport als Variablen-Label auf.
 {{scr.inputs-single.inner1.png?nolink|Texteingabefeld für die freie Platzierung}}
-Erstellen Sie eine dritte Frage ZE03 vom //Typ// "Auswahl (Dropdown)" mit 3 Auswahloptionen.
+Erstellen Sie eine weitere Frage ZE02 vom //Typ// "Auswahl (Dropdown)" mit 3 Auswahloptionen.
 {{scr.inputs-single.inner2.png?nolink|Dropdown-Auswahl für die freie Platzierung}}
-Nun müssen in die eigentliche Frage ZE01 noch Platzhalter eingebaut werden (zu weiteren Möglichkeiten siehe auch [[placeholders|Platzhalter]]). Dazu werden in der Skala im Folgenden zwei Items mit dem Text "Sonstiges:" plus Platzhalter angelegt:
+Erstellen Sie nun die übergeordnete Frage (ZE03), in der später die Eingabefelder erscheinen sollen. Im obigen Beispiel ist das eine Frage vom //Typ// "Skala (voll beschriftet)".
-Das erste zusätzliche Eingabefeld entstammt dem Item 01 der Texteingabe ZE02 (s. oben). Die Kennung dieses Items lautet ZE02_01. Als Platzhalter verwenden Sie diese Kennung mit vorangestelltem ''input:'' und in Prozent-Zeichen: ''%input:ZE02_01%''. Fügen Sie also in die Frage ZE01 ein neues Item mit folgendem //Item-Text// ein:
+{{scr.inputs-single.outer_incomplete.png?nolink|Beispiel für frei platzierte Eingabefelder}}
-    Sonstiges: %input:ZE02_01%
+Nun müssen in die übergeordnete Frage ZE03 noch Platzhalter eingebaut werden (zu weiteren Möglichkeiten siehe auch [[placeholders|Platzhalter]]). Dazu werden in der Skala im Folgenden zwei Items mit dem Text "Sonstiges:" plus Platzhalter angelegt:
+Das erste zusätzliche Eingabefeld entstammt dem Item 01 der Texteingabe ZE01 (s. oben). Die Kennung dieses Items lautet ZE01_01. Als Platzhalter verwenden Sie diese Kennung mit vorangestelltem ''input:'' und in Prozent-Zeichen: ''%input:ZE01_01%''. Fügen Sie also in die Frage ZE03 ein neues Item mit folgendem //Item-Text// ein:
+    Sonstiges: %input:ZE01_01%
 {{scr.inputs-single.placeholder.png?nolink|Platzhalter für Eingabefelder}}
-Das andere Eingabefeld ist eine Dropdown-Auswahl. Hier benötigen wir also nicht nur ein Item, sondern die ganze Frage ZE03. Entsprechend fügen Sie in Frage ZE01 bitte noch folgendes Item ein:
+Das andere Eingabefeld ist eine Dropdown-Auswahl. Hier benötigen wir also nicht nur ein Item, sondern die ganze Frage ZE02. Entsprechend fügen Sie in Frage ZE03 bitte noch folgendes Item ein:
-    Sonstiges: %input:ZE03%
+    Sonstiges: %input:ZE02%
 {{scr.inputs-single.complete.png?nolink|Beispiel für frei platzierte Eingabefelder}}
@@ Zeile 66: / Zeile 66: @@
 <code javascript>
 <script type="text/javascript">
-QuestionSelect.LinkSelect2Text("AU01_12", "TE01_01");
+S2Selection.linkOptionToInput("AU01_12", "TE01_01");
 </script>
 </code>
-Der erste Parameter in der Funktion `QuestionSelect.LinkSelect2Text()` gibt die HTML-Kennung des Eingabefelds an, im Beispiel also die Option mit dem Code 12 in Frage AU01 (eine erweiterte Auswahl, die Mehrfachauswahl erlaubt). Der zweite Parameter ist die HTML-Kennung des zugehörigen Texteingabefelds (hier das erste Eingabefeld in Frage TE01).
+Der erste Parameter in der Funktion `S2Selection.linkOptionToInput()` gibt die HTML-Kennung des Eingabefelds an, im Beispiel also die Option mit dem Code 12 in Frage AU01 (eine erweiterte Auswahl, die Mehrfachauswahl erlaubt). Der zweite Parameter ist die HTML-Kennung des zugehörigen Texteingabefelds (hier das erste Eingabefeld in Frage TE01).
 Die Funktion `prepare_input()` (im PHP-Code weiter oben auf der Seite) wäre in diesem Beispiel für die Kennung ''TE01_01'' verwendet worden.
@@ Zeile 78: / Zeile 78: @@
 <code javascript>
 <script type="text/javascript">
-QuestionSelect.LinkSelect2Text("AU01_12", "TE01_01");
+S2Selection.linkOptionToInput("AU01_12", "TE01_01");
-QuestionSelect.LinkSelect2Text("AU01_16", "TE01_02");
+S2Selection.linkOptionToInput("AU01_16", "TE01_02");
-QuestionSelect.LinkSelect2Text("AU01_221", "TE01_03");
+S2Selection.linkOptionToInput("AU01_221", "TE01_03");
 </script>
 </code>
+**Tipp:** Standardmäßig sorgt ''S2Selection.linkOptionToInput()'' dafür, dass der Inhalt eines Eingabefelds wieder entfernt wird, wenn die zugehörige Auswahloption abgewählt wird. Falls Sie das nicht wünschen, können Sie als dritten Parameter ''true'' eintragen.
@@ Zeile 93: / Zeile 95: @@
 <code javascript>
 <script type="text/javascript">
-QuestionSelect.linkOptionToInput("AB01_02", "AB03");
+S2Selection.linkOptionToInput("AB01_02", "AB03");
 </script>
 </code>