Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:questions:suggest [29.01.2015 16:56] – Aktualisierung admin
+++ de:create:questions:suggest [17.01.2019 13:56] – admin
@@ Zeile 11: / Zeile 11: @@
 ===== Vor- und Nachteile =====
-Die Texteingabe mit Auswahlempfehlung ist vor allem dann hilfreich, wenn es in einer Frage sehr viele Antwortmöglichkeiten gibt -- und andere Fragetypen wie Dropdown oder sichtbare Auswahl ([[select|Auswahlfragen]]) deshalb zu unübersichtlich sind. Weiterhin ist die Auswahlempfehlung intuitiver, wenn neben den vorgegeben Auswahloptionen auch offene Antworten möglich sind.
+Die Texteingabe mit Auswahlempfehlung ist vor allem dann hilfreich, wenn es in einer Frage sehr viele Antwortmöglichkeiten gibt -- und andere Fragetypen wie Dropdown oder sichtbare Auswahl deshalb zu unübersichtlich sind. Weiterhin ist die Auswahlempfehlung intuitiver, wenn neben den vorgegeben Auswahloptionen auch offene Antworten möglich sind.
 Allerdings ist zum Antworten zwingend ein Wechsel von Maus- zu Tastaturbedienung erforderlich -- gerade auf Mobilgeräten ([[:de:create:smartphones|Fragebögen für Mobilgeräte]]) ist eine Dropdown-Auswahl u.U. einfacher zu beantworten.
@@ Zeile 35: / Zeile 35: @@
 Darmstadt; 64283; 64285; 64287; 64289; 64291; 64293; 64295; 64297
 Erding; 85435
+</code>
+===== JavaScript-Anbindung =====
+Für jede Texteingabe mit Auswahlempfehlung wird ein JavaScript-Objekt der Klasse ''SoSciSuggest'' erstellt. Der Name des Objekts beginnt mit ''suggest'', gefolgt von der Kennung der Frage und (falls die Frage mehrere Eingabefelder erlaubt) ''e'' und der zweistelligen Nummer des Eingabefelds.
+  * Eine Frage mit der Kennung "TA01" und einem Eingabefeld würde also im JavaScript-Objekt ''suggestTA01'' abgebildet.
+  * Eine Frage mit der Kennung "TS02" und zwei Eingabefeldern würde das erste Eingabefeld im Objekt ''suggestTS02x01'' abbilden.
+Das Objekt besitzt eine Eigenschaft ''value'', welche den (Text-)Inhalt des Eingabefelds zurückliefert.
+Darüber hinaus unterstützt das Objekt die Methode ''addEventListener(String //EventID//, Function //Funktion//)'', welches bei Auswahl einer Option (//EventID// ''"change"'') oder bei Tastendrücken im Textfeld (//EventID// ''"keydown"'', ''"keypress"'', ''"keyup"'') die angegebene //Funktion// aufruft.
+Bitte beachten Sie, dass das JavaScript-Objekt erst am Ende der Seite erstellt wird, Event Handler können also erst nach dem Laden der Seite registriert werden:
+<code javascript>
+<script type="text/javascript>
+<!--
+window.addEventListener("load", function() {
+  suggestTA01.addEventListener("change", toogleFilter);
+  suggestTA01.addEventListener("keyup", toogleFilter);
+});
+</script>
 </code>