Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
de:create:questions:svg-select [08.11.2019 23:13] – [Vorbereitung der Grafik] d.aulenkamp | de:create:questions:svg-select [17.10.2021 14:49] (aktuell) – admin | ||
---|---|---|---|
Zeile 48: | Zeile 48: | ||
Wenn die Maus über ein auswählbares Element fährt oder der Teilnehmer ein Element durch Anklicken auswählt, dann verändert das Element seine Farbe. Welche Farben SoSci Survey als Rahmen- und Hintergrundfarbe verwendet können Sie im [[: | Wenn die Maus über ein auswählbares Element fährt oder der Teilnehmer ein Element durch Anklicken auswählt, dann verändert das Element seine Farbe. Welche Farben SoSci Survey als Rahmen- und Hintergrundfarbe verwendet können Sie im [[: | ||
- | Falls Die diese Einstellung im Layout nicht generell ändern möchten (sie betrifft z.B. auch Ausawhlfragen, die als Kärtchen dargestellt werden), können Sie im Karteireiter // | + | Falls Sie diese Einstellung im Layout nicht generell ändern möchten (sie betrifft z.B. auch Auswahlfragen, die als Kärtchen dargestellt werden), können Sie im Karteireiter // |
+ | |||
+ | |||
+ | ===== Steuerung mittels JavaScript ===== | ||
+ | |||
+ | Die SVG-Auswahl besitzt eine Eigenschaft '' | ||
+ | |||
+ | Der folgende HTML-/ | ||
+ | |||
+ | <code html> | ||
+ | <script type=" | ||
+ | <!-- | ||
+ | |||
+ | window.addEventListener(" | ||
+ | SoSciTools.questionnaire.AB01.disabled = " | ||
+ | }); | ||
+ | |||
+ | // --> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Die einzelnen Optionen können über versteckte Eingabefelder im Hintergrund gesteuert werden. Um die zweite Option in " | ||
+ | |||
+ | <code javascript> | ||
+ | document.getElementById(" | ||
+ | </ | ||
+ | |||
+ | Klicks auf die Optionen können anhand des '' | ||
+ | |||
+ | <code javascript> | ||
+ | document.getElementById(" | ||
+ | console.log(" | ||
+ | }); | ||
+ | </ |