Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
de:create:questions:scale [19.06.2017 15:56] – angelegt admin | de:create:questions:scale [01.08.2023 22:11] (aktuell) – [Darstellung auf mobilen Endgeräten] admin | ||
---|---|---|---|
Zeile 3: | Zeile 3: | ||
SoSci Survey stellt unterschiedliche Fragetypen zur Realisierung von Rating-Skalen zur Verfügung. Im Folgenden wird genauer auf Rating-Skalen eingegangen, | SoSci Survey stellt unterschiedliche Fragetypen zur Realisierung von Rating-Skalen zur Verfügung. Im Folgenden wird genauer auf Rating-Skalen eingegangen, | ||
- | >> Bild fehlt noch << | + | {{: |
Je nachdem, ob Sie nur die Extremwerte der Skala beschriften möchten oder ob Sie jeden einzelnen Wert beschriften möchten, verwenden Sie bitte den Fragetyp "Skala (Extrema beschriftet)" | Je nachdem, ob Sie nur die Extremwerte der Skala beschriften möchten oder ob Sie jeden einzelnen Wert beschriften möchten, verwenden Sie bitte den Fragetyp "Skala (Extrema beschriftet)" | ||
Zeile 16: | Zeile 16: | ||
==== Items invertieren ==== | ==== Items invertieren ==== | ||
- | Die können die Kodierung einzelner Items invertieren (reversed coding), sodass eine Auswahl des Minimums (z.B. " | + | Sie können die Kodierung einzelner Items invertieren (reversed coding), sodass eine Auswahl des Minimums (z.B. " |
==== Items umkodieren ==== | ==== Items umkodieren ==== | ||
Zeile 24: | Zeile 24: | ||
Dafür benötigen Sie zunächst eine Frage [[: | Dafür benötigen Sie zunächst eine Frage [[: | ||
- | Anschließend lesen Sie mittels [[: | + | Anschließend lesen Sie mittels [[: |
**Wichtig: | **Wichtig: | ||
+ | |||
+ | **Hinweis: | ||
=== Beispiel 1 === | === Beispiel 1 === | ||
Zeile 42: | Zeile 44: | ||
// value() ließt den Antwortcode aus | // value() ließt den Antwortcode aus | ||
$orgCode = value(id($input, | $orgCode = value(id($input, | ||
- | // Subtrahieren von 1 | + | |
- | $newCode = $orgCode - 1; | + | if ($orgCode > 0) { |
+ | | ||
+ | $newCode = $orgCode - 1; | ||
+ | } else { | ||
+ | // Fehlercodes beibehalten | ||
+ | $newCode = $orgCode; | ||
+ | } | ||
// put() speichert den Wert in einer internen Variable | // put() speichert den Wert in einer internen Variable | ||
put(id($output, | put(id($output, | ||
Zeile 81: | Zeile 89: | ||
} | } | ||
} | } | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | ===== Darstellung auf mobilen Endgeräten ===== | ||
+ | |||
+ | Auf mobilen Endgeräten zeigt SoSci Survey bei voll beschrifteten Skalen standardmäßig nicht die kleinen Auswahlfelder, | ||
+ | |||
+ | Auf sehr kleinen Displays werden die Antwortoptionen dann vertikal angeordnet. Dabei wird -- wie man es von Lautstärkereglern kennt -- die höchste Ausprägung oben, die kleinste unten platziert. Falls Sie die Optionen lieber von unten-nach-oben anordnen möchten, fügen Sie auf der Fragebogen-Seite bitte folgenden PHP-Code ein. | ||
+ | |||
+ | <code php> | ||
+ | pageCSS(' | ||
+ | div.s2input div.s2options { | ||
+ | flex-direction: | ||
+ | } | ||
+ | '); | ||
</ | </ | ||
Zeile 93: | Zeile 117: | ||
Falls nicht, legen Sie mehrere Skalen-Fragen an und zeigen Sie diese im Fragebogen direkt untereinander und ohne Abstand an: [[: | Falls nicht, legen Sie mehrere Skalen-Fragen an und zeigen Sie diese im Fragebogen direkt untereinander und ohne Abstand an: [[: | ||
+ | |||
+ | |||
+ | |||
+ | ===== Vertikale Beschriftungen ===== | ||
+ | |||
+ | Bei vollständig beschrifteten Skalen kommt es vor, dass der Platz eng wird. Meist ist es in diesem Fall sinnvoll, inhaltliche Änderungen an der Frage vorzunehmen oder einen anderen Fragetyp zu verwenden (z.B. eine Auswahlabfolge). Aber in manchen Einzelfällen kann es auch sinnvoll sein, die Beschriftungen der Skalenpunkte vertikal auszurichten. | ||
+ | |||
+ | **Vorsicht: | ||
+ | |||
+ | Um Text um 90° gedreht auszurichten, | ||
+ | |||
+ | <code css> | ||
+ | div.vert { | ||
+ | height: 100px; | ||
+ | width: 20px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | div.vert > span { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | width: 100px; | ||
+ | height: 20px; | ||
+ | text-align: left; | ||
+ | transform: rotate(270deg) translate(-20px, | ||
+ | transform-origin: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Bitte beachten Sie, dass die genauen Maße - insbesondere die '' | ||
+ | |||
+ | Weiterhin reduzieren Sie in der Skalenfrage die //Breite beschrifteter Werte/ | ||
+ | |||
+ | Zuletzt setzen Sie die Beschriftungen der Auswahloptionen in ein ''< | ||
+ | |||
+ | <code html> | ||
+ | <div class=" | ||
+ | </ |