Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision |
de:create:questions:slider [22.08.2019 20:22] – [JavaScript Referenz] admin | de:create:questions:slider [01.02.2020 13:47] – Vorwort zum Fragebogen flatha |
---|
**Hinweis:** Schieberegler werden im Fragebogen mithilfe von [[:de:glossary#javascript|JavaScript]] angezeigt. Sollte ein Teilnehmer JavaScript deaktiviert haben, wird eine alternative Darstellung mit 11 Auswahlfeldern angezeigt -- ggf. weniger, wenn eine geringere Differenzierung für die Frage festgelegt wurde. | **Hinweis:** Schieberegler werden im Fragebogen mithilfe von [[:de:glossary#javascript|JavaScript]] angezeigt. Sollte ein Teilnehmer JavaScript deaktiviert haben, wird eine alternative Darstellung mit 11 Auswahlfeldern angezeigt -- ggf. weniger, wenn eine geringere Differenzierung für die Frage festgelegt wurde. |
| |
===== Visuelle Analogskala (VAS) ===== | |
| |
In den Vorlagen für Fragen finden Sie eine Sonderform des Schiebereglers: Die visuelle Analogskala. Bei diesem Schieberegler wird ein neutraler Strich angezeigt, auf welchem der Teilnehmer via Mausklick ein Kreuzchen platzieren kann. | Liebes Kind/lieber Jugendlicher der Gruppe Raphael, |
| |
Analogskalen liefern in aller Regel akkuratere Daten als klassische 5- oder 7-Punkt Skalen, auch sind sie gut geeignet, um Abwechslung in den Fragebogen zu bringen. Allerdings dauert die Beantwortung pro Item knapp doppelt so lange wie bei einer 5-Punkt Skala. | ich habe einen kleinen Fragebogen zum Thema "Surfen, ohne ins Netz zu gehen" erstellt. Das Ziel dieses Fragebogens ist es, einen kleinen Überblick über deine Interessen und Fähigkeiten im Umgang mit dem Internet zu gewinnen. |
| Einsicht in diesen Fragebogen haben außer dir nur die Erzieher der Wohngruppe Raphael. Die Daten dieses Fragebogens werden nur anonym, also ohne deinen Namen weitergegeben. |
| |
| Vielen Dank für deine Teilnahme ;-). |
| |
| Kathi |
| |
| ------------------------------------------------------------------------------------------------------------ |
| Frage 1: |
| |
| Gib bitte dein Alter an. Verschiebe den Regler nach links oder rechts. |
| |
| |
</code> | </code> |
| |
Sie können den Code entweder als Textbaustein speichern und in die Fragebogen-Seite ziehen oder direkt mit einem //HTML-Code// Element auf der Seite platzieren. Der Code muss __unter__ der Frage auf der Seite platziert werden. | Es gibt unterschiedliche Möglichkeiten, den JavaScript-Code zu platzieren. |
| |
| * Am komfortabelsten ist das Eingabefeld //JavaScript-Code// unter //Weitere Einstellungen// -> //zusätzlicher Code// direkt in der Schieberegler-Frage. Dort wird das umgebende ''<script>'' weggelassen und mit ''%%s2["%q.id%"].setFormat(formatter);%%'' kann man die Funktion direkt an die Schieberegler der Frage binden. |
| * Sie können den Code als Textbaustein speichern und beim **Fragebogen zusammenstellen** in die Fragebogen-Seite ziehen oder |
| * direkt mit einem //HTML-Code// Element auf der Seite platzieren. Der Code muss dabei __unter__ der Frage auf der Seite platziert werden. |
| |
Falls der angezeigte Wert nicht für alle Schieberegler auf der Seite (gleichermaßen) geändert werden soll, können Sie in der JavaScript-Funktion ''SoSciSliders.setFormat()'' als zweiten Parameter spezifizieren, welcher Schieberegler angepasst werden soll: | Falls der angezeigte Wert nicht für alle Schieberegler auf der Seite (gleichermaßen) geändert werden soll, können Sie in der JavaScript-Funktion ''SoSciSliders.setFormat()'' als zweiten Parameter spezifizieren, welcher Schieberegler angepasst werden soll: |
==== Beispiel: Positionierung des angezeigten Werts ==== | ==== 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'') 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. | 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. |
| |
<code javascript> | <code javascript> |
function positioner(x, y, position, width, height, button) { | function positioner(x, y, position, width, height, buttonIndex) { |
if (button == 0) { | if (button == 0) { |
return { | return { |