0 votes
in SoSci Survey (dt.) by s032383 (220 points)
edited by SoSci Survey

Hallo,

wir binden Frage CO01 per JS ein. Das sieht grob so aus:

question('CO01');

if ($group > 6) {
html('
<script type="text/javascript">
<!--
var optionA = document.getElementById("DV02_01a");  // JN01_01a ist die HTML-ID der Auswahloption "Ja"
var optionB = document.getElementById("DV02_02a");  // Option "Nein"
var frage1 = document.getElementById("DV03_qst");  // HTML-ID der Texteingabe
var frage2 = document.getElementById("CO01_qst");  // HTML-ID der Texteingabe
 
function toogle() {
  // Die zwei Pipes (||) sind ein logisches "Oder"
  // Die Bedingung prüft also: Ist Option A ausgewählt oder ist B ausgewählt?
  if ((optionA.checked)) {
    // Wurde "Ja" oder "Vielleicht" ausgewählt, dann wird die Frage angezeigt
    // Keine Angabe ("") verwendet die Standard-Einstellung (normal anzeigen)
    frage1.style.display = "";
frage2.style.display = "";
  } else {
    // Mit der Anzeigeoption "none" wird die Frage ausgeblendet
    frage1.style.display = "none";
    frage2.style.display = "none";
  }
}
 
// Die Funktion soll jedesmal ausgeführt werden, wenn eine der drei Optionen angeklickt wird
SoSciTools.attachEvent(optionA, "click", toogle);
SoSciTools.attachEvent(optionB, "click", toogle);
 
// Und jetzt gleich soll sie auch ausgeführt werden, damit die Anzeige zu Beginn korrekt ist
// (z.B. ausblenden der Texteingabe zu Beginn)
toogle();
// -->
</script>
');
}

frage2 im JS bezieht sich auf CO01

Wie man hier sieht hat die Frage eigentlich eine graphische Verankerung.

Im Fragebogen wird diese aber nicht angezeigt (und die ganze Frage zentral dargestellt). Woran könnte das liegen?

![

by SoSci Survey (302k points)
Eine Gegenfrage vorab: Ändert sich die Anzeige, wenn Sie den JavaScript-Code weglassen?

Und eine Bitte: Bitte ergänzen Sie noch einen Pretest-Link direkt (!) zur betroffenen Seite, damit wir uns das Ganze einmal live ansehen können.
by s032383 (220 points)
Hallo,

ja ohne JavaScript Code wird der Balken angezeigt.

Hier der Link: https://www.soscisurvey.de/j6Ap6vrY/?act=YZ9z0NxX22qPHtOUk7Caeoud

1 Answer

0 votes
by SoSci Survey (302k points)

Für die Frage, die Sie mittels JavaScript ein-/ausblenden, wurde die automatisch Anpassung der Darstellung eingestellt. Das bedeutet: Je nach verfügbarem Platz wird (per JavaScript) eine andere Darstellungsvariante gewählt. Wenn wenig Platz ist, dann wird z.B. der Balken ausgeblendet.

Sie können das einmal testen, indem Sie die Größe des Browserfensters ändern - dann erscheint der Balken plötzlich.

Nun ist das Script, welches sich um die Größenanpassung kümmert, leider der Meinung, dass es ganz wenig Platz gäbe - das stimmt auch fast, denn Sie haben die Frage ja ausgeblendet.

Bitte ersetzen Sie in Ihrem JavaScript-Code einmal die folgende Zeile:

frage2.style.display = "none";

wie folgt:

frage2.style.display = "height: 1px; overflow: hidden;";

Ändert sich dadurch etwas an dem Problem?

by s032383 (220 points)
Super. Danke! Hat geklappt!
by s032383 (220 points)
Kommando zurück. Frage 2 wird dann immer angezeigt. :(
by SoSci Survey (302k points)
Hätten Sie nochmal einen Pretest-Link mit der geänderten Variante?

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...