Automatische Auswahl bei "erweiterter Auswahl" und eingebundenen Drop-Down Optionen (über %DropDownFrage%)

Question

Hallo, ich habe zwei Fragen:

1) Bei "erweiterten Auswahl"-Fragen haben wir bei unserem Fragebogen das Problem, dass die Ausweichoptionen "none of the above" und "I don't know" (angelegt im Feld "Auswahloption") nicht alternativ angekreuzt wird. Anders gesagt, wenn oben bei den Antworten ein Kreuz gesetzt wurde und die Befragte sich unten doch für "I don't know" entscheidet, bleibt die Antwort oben trotzdem weiterhin angekreuzt.

Frage: Gibt es eine Möglichkeit, wie man die Möglichkeit der Mehrfachantwort an der Stelle verhindert? Oder ist das ein Fehler im System.

2) Wir haben in einige Auswahl-Fragen, in deren Antworten wir über offene Textfelder (über die Funktion %LP02%) Drop-down menues eingebunden haben. Anders als bei offenen Antwortoptionen, wo ein Eintrag ins offene Feld automatisch die dazugehörige Antwortoption in der Itembatterie angeklickt, muss man das bei eingebundenen Drop Down antworten nochmal extra machen. Das irritiert die Befragten.

Kann man das irgendwie einstellen, dass beim Nutzen der eingebundenen Drop Down option automatisch auch die Antwortoption angeklickt wird - und andere Optionen in der Item Auswahl entsprechend deaktiviert werden?

Comments

Könnten Sie vielleicht einen Pretest-Link direkt zur betroffenen Seite im Fragebogen posten? Dann kann ich mir das Problem einmal ansehen. Bei der erweiterten Auswahl klappt es mit der Residualoption noch nicht, wenn Sie die Auswahl statisch anzeigen lassen - also immer alle Optionen anzeigen. Dann kann man aber oftmals auch einfach auf die normale Aiswahl ausweichen und dort Zwischenüberschriften verwenden.

Wenn wir (1) geklärt haben, poste ich auch gerne eine Zeile JavaScript für (2). Diese muss ich nur erst heraussuchen und prüfen, ob sie sich direkt von Texteingabefeldern auf Dropdowns übertragen lässt.

---

Vielen Dank für die Antwort. Hier der Link zum Fragebogen (Pretest-Link): https://www.soscisurvey.de/test128863/?act=awlL7J1n8Gjs0cxTDJT6D6wZ

1) Die "erweiterten Auswahl"-Frage finden Sie auf S.2, PL02 mit Ausweichoptionen "none of the above" und "I don't know".

2) Die Auswahl-Fragen mit Drop-down-Antworten über offene Textfelder (über die Funktion %LP02%) sind z.B. S. 4, LP01. Herzlichen Dank nochmal!

---

Ich habe mir erlaubt, zur Prüfung des Problems eine Administrator-Freigabe für das betroffene Befragungsprojekt einzurichten. Sie sollten eine entsprechende Benachrichtigung erhalten haben.

Wie es aussicht, entsteht das Problem mit den Residualoptionen erst durch die Kombination mit anderen Fragen auf der Seite - in der Vorschau der Frage ohne Dropdowns und isoliert ohne die anderen Fragebogen funktioniert noch alles. Mal sehen, wo genau es hakt ...

Answer 1

Das Problem mit den nicht-funktionierenden Residualoptionen ist nun behoben - Ursache war, dass SoSci Survey mit zwei erweiterten Auswahlfragen auf der gleichen Seite nicht korrekt umgehen wollte.

Die automatische Auswahl, wenn eines der Dropdowns in einer der Optionen verwendet wird, ließe sich mittels JavaScript recht einfach einbauen. Allerdings ... bevor ich hier Code poste ... es scheint mir bei dieser Frage nicht sinnvoll. Denn eigentlich sollen je beide zugehörige Dropdowns ausgefüllt werden, wenn man eine der übergeordneten Optionen auswählt.

Wenn Sie noch ein paar Tage Zeit haben (?), würde ich mir da etwas eleganteres einfallen lassen.

Comments

Hallo, vielen herzlichen Dank für die Lösung des ersten Problems.

Zur Drop Down Frage: Sie schreiben: "es scheint mir bei dieser Frage nicht sinnvoll. Denn eigentlich sollen je beide zugehörige Dropdowns ausgefüllt werden, wenn man eine der übergeordneten Optionen auswählt."
Ich bin nicht sicher, ob wir das gleich meinen: Es geht um das Kreuz direkt vor dem Drop Down Menu. Z.B. auch bei LP01, S.4. Da schreiben die Pretester: "a bit confusing that you have to click and to choose..."

Leider habe ich gestern den zweiten Teil der Antwort übersehen: Wir haben noch bis kommenden Montagmittag Zeit... Reicht das, um eine Lösung für die eingebundenen Drop Down Fragen zu entwickeln?
Herzlichen Dank im Voraus!

---

Meine Antwort bezog sich v.a. auf PL02, wo das Kreuzchen wahrlich nicht so intuitiv (oder auch nur nötig) ist. Sie können einmal folgendes versuchen: Ersetzen Sie die Platzhalter (z.B. %PL06%) durch folgende:

<span style="position: relative;display: inline-block;">%PL06%</span>

Dadurch sollte das Kreuzchen verschwinden/überdeckt werden. Ich möchte aber ungetestet nicht versprechen, dass das in allen Browsern funktioniert.

---

Herzlichen Dank für die schnelle Antwort! Ich hab's grad in Mozilla Firefox ausprobiert, leider ohne Änderung/Resultat.

Aber vielleicht meinen wir gar nicht dasselbe meinen: Ich erklär vorsichtshalber nochmal kurz das Problem:
In manche Fragen sind Drop Down menus und offene Fragen eingebettet mit %FR0X%. Die Befragungsteilnehmer/innen denken dann, wenn sie im Drop Down Menu auswählen oder eine Antwort eintippen, wird dadurch automatisch das Kreuz in der übergeordneten Frage gesetzt. Das ist aber nicht der Fall und führte im Pretest mehrfach zu Irritation.

Beispiele sind SD08 (drop down Berufe) oder LP05 (Drop Down Kelvin) und auch bei den "erweitere Auswahl fragen" PL02 und PL33 (Other, please specify).

Gibt es dafür eine Lösung? Danke nochmal und sorry für das Hin und Her. Manchmal ist telefonieren leichter ;)

---

Mmmm, also in Mozilla Firefox klappt's passiert leider nix...

---

>  Die Befragungsteilnehmer/innen denken dann, wenn sie im Drop Down Menu auswählen oder eine Antwort eintippen, wird dadurch automatisch das Kreuz in der übergeordneten Frage gesetzt.

Dafür können Sie nun die folgende JavaScript-Funktion verwenden:

QuestionSelect.linkOptionToInput("T001_04a", "T001_04");

Als ersten Parameter erwartet dieses JavaScript-Funktion (unter der Frage auf der Seite zu platzieren, sollte auch ohne das "new" am Anfang funktionieren) die HTML-ID des Auswahlfelds, als zweiten Parameter die HTML-ID des Texteingabefelds.

Die HTML-IDs müssen Sie eventuell im Quelltext der Fragebogen-Seite oder in den Entwicker-Tools (Inspektor) - jeweils im Browser - nachsehen.

Damit die JavaScript-Funktion im Fragebogen (sicher) zur Verfügung steht, ergänzen Sie im PHP-Code auf der Seite bitte noch:

library('QuestionSelect');

Und damit auch die Dropdowns abgedeckt sind, haben wir die Funktion derart erweitert, dass sie nun auch mit Dropdowns korrekt umgehen kann.

---

Vielen Dank! Leider klappt's nicht. Wir haben jetzt zwei PHP Fenster auf der entsprechenden Seite angelegt jeweils mit dem Befehl library('QuestionSelect'); und dann QuestionSelect.linkOptionToInput("LP06", LP05);
Leider erscheint dann unmittelbar
"Warnung: Die Funktion linkOptionToInput() ist nicht bekannt."
Was machen wir falsch? Besteht die Möglichkeit, das kurz telefonisch zu klären (0341 235 - 1021)?
Herzlichen Dank im Voraus!

---

Der JavaScript-Code muss in ein "HTML-Code" Element:

<script type="text/javascript">
QuestionSelect.linkOptionToInput("LP06", LP05);
// Hier evtl. noch weitere Aufrufe
</script>

---

Hallo nochmal, herzlichen Dank für die schnelle Antwort!
Auch auf die Gefahr hin, jetzt extrem zu nerven, melden wir zurück: Es funktioniert für den Fragetyp "Mehrfachauswahl". Aber für alle Fragen vom Typ "erweiterten Auswahl" und "Auswahl" passiert leider gar nichts, wenn wir das HTML-Feld auf der Seite vor oder hinter die Frage setzen. Auch Eingaben ins Antwort-Textfeld der Frage-Items haben wir versucht (also: %PL02%<script type="text/javascript"> QuestionSelect.linkOptionToInput("PL02_037","PL37_01"); </script>

Danke nochmals und viele Grüße!

---

Ich würde den JavaScript-Code "en block" unter die Fragen setzen in ein "HTML-Code" Element. Dann bleibt es übersichtlichter.

> Aber für alle Fragen vom Typ "erweiterten Auswahl" und "Auswahl" passiert leider gar nichts, wenn wir das HTML-Feld auf der Seite vor oder hinter die Frage setzen.

Haben Sie überprüft, dass die HTML-IDs der Eingabefelder korrekt sind? Haben Sie die Fehlerkonsole im Browser überprüft? Posten Sie gerne einen Pretest-Link zu einer Seite, wo es noch nicht klappt.

---

Wir haben das genau so gemacht: S. Seite 4, https://www.soscisurvey.de/test128863/?q=Light_Pollution_2018&admin&page=4&l=eng

Wenn es eine Auswahlfrage ist (S.4), geht es nicht. Wenn wir dieselbe Frage in eine Mehrfachauswahlfrage umwandeln, funktioniert es. Ebenso für "erweiterte Auswahl"...

---

Einen funktionierenden Pretest-Link können Sie unter dem Menüpunkt "Befragungsprojekt" -> "Pretest und Vorschau" erstellen.

---

Ah sorry, missverständnis. Hier der Link: https://www.soscisurvey.de/test128863/?act=awlL7J1n8Gjs0cxTDJT6D6wZ
Den hatte ich oben schonmal gepostet, deshalb dachte ich, Sie brauchen einen anderen. Die betreffenden Fragen sind z.B.
S.1.
> PL02 (erweiterte Auswahl) - die in die Itembatterie eingebetteten Drop Downs, sowie die offene Frage am Schluss
> PL33 (erweiterte Auswahl) - die eingebetteten offenen Fragen

S. 04 -
> LP02 (Auswahlfrage) - das eingebettet Drop down Menu
hierfür haben wir ein HTML-Feld erstellt. Zugang zum Fragebogen haben Sie ja...

Herzlichen Dank im Voraus und gute Nacht :)

---

Hallo nochmal, sollen wir noch warten oder aufgeben? Herzlichen Dank für eine kurze Rückmeldung!

---

Also, die Fehlerkonsole beschwert sich über ein fehlerhaftes Zeichen hier:

<script type="text/javascript">QuestionSelect.linkOptionToInput(“PL02_037”,”PL37_01”) </script>

Abgesehen davon, dass ich (wie geschrieben) empfehle, die Skripte gebündelt unter die Fragen zu packen (in ein HTML-Code Element) sind hier die Anführungszeichen falsch. Und zwar sind es typografische (vermutlich wurde der Text aus Word o.ä. kopiert) und keine geraden.

Zweites Problem: Die HTML-ID des Eingabefelds lautet "PL02_37", in Ihrem Script schrieben Sie aber "PL02_037".

Weiterhin beschwert sich die Fehlerkonsole noch: "There is no input with ID PL02_02". Bitte prüfen Sie auch da die korrekte ID.

Ändert sich etwas, wenn Sie die drei Punkte korrigieren? Prüfen Sie in der Fehlerkonsole auch gerne, ob dann noch neue Fehler moniert werden.

---

Ok, danke für die Erläuterungen. Einiges davon hatten wir gestern auch schon ausprobiert. Die Anführungszeichen haben offenbar etwas gebracht.
Aber, bitte entschuldigen Sie meine Hilflosigkeit, es klappt trotzdem einfach nur halb.

S. 1:
Wenn ich Version ins HTML-Feld en block unter den Text angebe, funktionieren PL02_38 und PL02_40, aber PL02_39 nicht.
Wenn ich anfange noch mehr Zeilen hinzuzufügen, wie in Version 2 z.B., funktioniert nichts mehr, auch nicht mehr die beiden Felder, die vorher funktioniert haben (also automatisch angeklickt wurden).
 
Version 1)
<script type="text/javascript">
QuestionSelect.linkOptionToInput("PL02_38","PL37_01");
QuestionSelect.linkOptionToInput("PL02_39","PL15");
QuestionSelect.linkOptionToInput("PL02_40","PL30");
</script>

Version 2)
<script type="text/javascript">
QuestionSelect.linkOptionToInput("PL02_02","PL03");
QuestionSelect.linkOptionToInput("PL02_03","PL18");
QuestionSelect.linkOptionToInput("PL02_38","PL37_01");
QuestionSelect.linkOptionToInput("PL02_39","PL15");
QuestionSelect.linkOptionToInput("PL02_40","PL30");
</script>

Auch Seite 4 funktioniert nicht und ich verstehe nicht, warum:

<script type="text/javascript">
QuestionSelect.linkOptionToInput("LP01_02","LP02");
</script>

Noch ne blöde Frage: Wie komme ich zur Fehlerkonsole?
Danke nochmal und ich verspreche, danach gebe ich auf.

---

Sorry, ganz oben sollte S.2 heißen....

Immerhin
S. 10 - LED-Frage funktioniert!

<script type="text/javascript">
QuestionSelect.linkOptionToInput("ME16_01","ME22_01");
QuestionSelect.linkOptionToInput("ME16_02","ME23_01");
</script>

Aber: Was auch nicht funktioniert sind...

S. 12
<script type="text/javascript">
QuestionSelect.linkOptionToInput("SD08_01","SD07");
</script>

<script type="text/javascript">
QuestionSelect.linkOptionToInput("EX02_02","EX12_01");
QuestionSelect.linkOptionToInput("EX02_03","EX13_01");
QuestionSelect.linkOptionToInput("EX02_05","EX14_01");
QuestionSelect.linkOptionToInput("EX02_06","EX15_01");
</script>

S.2
<script type="text/javascript">
QuestionSelect.linkOptionToInput("PL33_05","PL42_01");
QuestionSelect.linkOptionToInput("PL33_09","PL43_01");
QuestionSelect.linkOptionToInput("PL33_12","PL44_01");
QuestionSelect.linkOptionToInput("PL33_14","PL45_01");
QuestionSelect.linkOptionToInput("PL33_15","PL38_01");
</script>

---

> Wie komme ich zur Fehlerkonsole?

Das kommt ein wenig auf den Browser an. Hier ein paar Links:
https://www.soscisurvey.de/help/doku.php/de:create:javascript#fehler_finden

Die nächste Fehlermeldung auf Seite 2 lautet: "There is no selection input with ID PL33_05" - wenn ich mir den HTML-Code der Seite ansehe, dann lautet die korrekte ID "PL33_5".

Auf Seite 4 lautet die Fehlermeldung: "QuestionSelect is not defined" - das heißt, dass Sie vermutlich hier kein library('QuestionSelect'); verwenden, um die passende JavaScript-Bibliothek auf der Seite einzubinden.

---

DANKE! S.2 PL33 funktioniert jetzt auch :)

S.2 Mir ist aber weiterhin schleierhaft, warum

QuestionSelect.linkOptionToInput("PL02_39","PL15");

nicht funktioniert, aber PL02_40 schon. Und sobald ich noch weitere Zeilen für die anderen Items in PL02 hinzufüge, geht gar nix mehr... Tststs.

S. 4 habe ich library('QuestionSelect') ergänzt, hat aber nichts geändert.

Fehlerkonsolen-Links habe ich inzwischen auch gefunden...

Für heute geb ich auf. Danke für die Unterstützung!
Und schönen Abend!

---

> S. 4 habe ich library('QuestionSelect') ergänzt, hat aber nichts geändert.

Im PHP-Code (nicht im JavaScript-Code), ja?

Ich würde ja nachsehen, aber Sie scheinen das Projektverzeichnis umbenannt zu haben. Prinzipiell eine gute Idee, nur funktioniert jetzt der Pretest-Link nicht mehr :)

---

Ja, ich hab den Prestest-Link gelöscht, weil ich die Befragung fertigmachen und "im Ernst" testen wollte. Leider ist der Fragebogen beim Umwandeln in ein Bezahlformat auseinandergeflogen: https://www.soscisurvey.de/LightPollutionGlobalDiscussion/

Nichts stimmt mehr. Hab grad schon an info@... geschrieben...

Hier aber der neue Pretest-Link: https://www.soscisurvey.de/LightPollutionGlobalDiscussion/?act=rL4u7UdgLEsZBLVipatQ8CEf

Zu library('QuestionSelect'): Ich hab's im PHP-Code eingefügt und auch verschiedenen Stellen auf der Seite getestet: direkt vor dem HTML-Fenster... alles ohne Wirkung.

Hab das dann auch gleich noch auf S.10 und 12 versucht, weil's da ja auch nicht klappt, mit dem automatischen Anklicken. Aber auch ohne Erfolg. I don't get it.

Ich geh jetzt trotzdem mal heim und betrink mich. ;)
Danke für den support!

---

Eigentlich dürfte sich bei der Umstellung des Projettyps überhaupt nichts ändern ... das sehe ich mir gleich noch an. Kann es sein, dass Sie unter "Fragebogen zusammenstellen" einfach mehrere Fragebögen angelegt haben?

Die Einbindung der library() war wohl erfolgreich - nun wird ein anderer Fehler auf Seite 4 angezeigt: "There is no selection input with ID LP01_02". Das ist insofern korrekt, als das Eingabefeld die HTML-ID "LP01_02a" hat. Das hängt damit zusammen, dass "LP01_02" für ein eventuelles zusätzliches Eingabefeld zur Option reserviert ist ... nicht unbedingt intuitiv, aber außer Ihnen und mir arbeitet auch kaum jemand mit den HTML-IDs....

---

Wow, arbeiten Sie etwa die ganze Nacht? ;)

@Fragebogenumstellung: Ja, falsche Version ausgewählt! Das kann man aber nur unter "Fragebogen zusammenstellen" > "FB verwalten" sehen. Ich hab den Fehler die ganze Zeit unter Steuerung > Befragungsprojekt gesucht... Wenn ich die falsche Version lösche, kann dann was Schlimmes passieren?

@HTML-IDs: Ich hole mir die IDs die ganze Zeit aus den Fragen und da gab's ja jetzt schon einige Fehler. Wo kann ich denn die korrekten HTML-IDs nachschauen? Unter Interner Code seh ich auch nix von LP01_02a....

Wer hätte das gedacht, dass ich hier noch programmieren lernen muss... Mit mehr Zeit würde das richtig Spaß machen ;)
Gute Nacht!

---

> Wow, arbeiten Sie etwa die ganze Nacht? ;)

Offenbar bin ich nicht der einzige ;)

> Wenn ich die falsche Version lösche, kann dann was Schlimmes passieren?

Wenn Sie das Projekt vorher als XML-Datei herunterladen (https://www.soscisurvey.de/help/doku.php/de:general:copy-project), haben Sie ein Backup zur Sicherheit. Nur für den Fall, dass Sie den gelöschten Fragebogen doch nochmal bräuchten oder dass beim Löschen versehentlich der richtige (also der falsche) unter die Räder kommt.

> @HTML-IDs: Ich hole mir die IDs die ganze Zeit aus den Fragen und da gab's ja jetzt schon einige Fehler.

Die HTML-IDs werden je nach Fragetyp ein wenig unterschiedlich aufgebaut. In SoSci Survey werden diese nicht ausgewiesen, Sie finden sie nur im Quellcode der Fragebogen-Seite (kann man im Browser anzeigen). Außerdem haben alle Browser auch Entwicklertools (teils gut versteckt). Dort gibt es i.d.R. einen "Inspektor" (o.ä.), mit dem man ein Element der Seite anklicken kann und dann die Infos dazu inkl. HTML-ID sieht.

> Wer hätte das gedacht, dass ich hier noch programmieren lernen muss...

Ich arbeite in meinem anderen Leben an der Uni - daher die versteckten pädagogischen Zielsetzungen in SoSci Survey ;) Aber Sie werden sehen: Ein wenig Verständnis für/von Programmcode wird Ihnen irgendwann an ganz unerwarteter Stelle sehr hilfreich sein...

---

Guten Morgen!
wundervoll!!! nachdem ich die alte Seitenzusammenstellung gelöscht habe, wird der Fragebogen richtig angezeigt: https://www.soscisurvey.de/LightPollutionGlobalDiscussion/

Und mit Hilfe der HTML-Quellcodes habe ich auch die richtigen IDs gefunden.
Jetzt funktionieren alle drop-down Fragen, bis auf die auf Seite 2 - Wahnsinn! :)

Könnten Sie mir damit noch einmal helfen, bitte!? (Ich habe nämlich immer noch nicht herausgefunden, wie man sich in der Javascript Konsole Fehler anzeigen lässt...)

Von dieser Liste für S.2 funktionieren nur die mit *** markierten *** am Ende der Liste... Sehr seltsam.


<script type="text/javascript">
QuestionSelect.linkOptionToInput("PL02_2","PL03");
QuestionSelect.linkOptionToInput("PL02_3","PL18");
QuestionSelect.linkOptionToInput("PL02_5","PL04");
QuestionSelect.linkOptionToInput("PL02_6","PL19");
QuestionSelect.linkOptionToInput("PL02_8","PL05");
QuestionSelect.linkOptionToInput("PL02_9","PL20");
QuestionSelect.linkOptionToInput("PL02_11","PL06");
QuestionSelect.linkOptionToInput("PL02_12","PL21");
QuestionSelect.linkOptionToInput("PL02_14","PL07");
QuestionSelect.linkOptionToInput("PL02_15","PL22");
QuestionSelect.linkOptionToInput("PL02_17","PL08");
QuestionSelect.linkOptionToInput("PL02_18","PL23");
QuestionSelect.linkOptionToInput("PL02_20","PL09");
QuestionSelect.linkOptionToInput("PL02_21","PL24");
QuestionSelect.linkOptionToInput("PL02_23","PL10");
QuestionSelect.linkOptionToInput("PL02_24","PL25");
QuestionSelect.linkOptionToInput("PL02_26","PL11");
QuestionSelect.linkOptionToInput("PL02_27","PL26");
QuestionSelect.linkOptionToInput("PL02_29","PL12");
QuestionSelect.linkOptionToInput("PL02_30","PL27");
QuestionSelect.linkOptionToInput("PL02_32","PL13");
QuestionSelect.linkOptionToInput("PL02_33","PL28");
QuestionSelect.linkOptionToInput("PL02_35","PL14");
QuestionSelect.linkOptionToInput("PL02_36","PL29");
****QuestionSelect.linkOptionToInput("PL02_38","PL37_01");
QuestionSelect.linkOptionToInput("PL02_39","PL15");
***QuestionSelect.linkOptionToInput("PL02_40","PL30");
****QuestionSelect.linkOptionToInput("PL33_5","PL42_01");
****QuestionSelect.linkOptionToInput("PL33_9","PL43_01");
****QuestionSelect.linkOptionToInput("PL33_12","PL44_01");
****QuestionSelect.linkOptionToInput("PL33_14","PL45_01");
***QuestionSelect.linkOptionToInput("PL33_15","PL38_01");
</script>

---

Die Fehlerkonsole zeigt keine Fehler mehr - das ist schonmal gut.

Wenn der Fehler also nicht bei Ihnen liegt, muss er bei mir liegen. Und viola: Er ist gefunden und behoben.

---

Wundervoll! Herzlichen Dank nochmal für die Zusammenarbeit ;)
Viele Grüße und schöne Restwoche!