Frage per JavaScript Filter einbinden - Grafische Verankerung nicht vorhanden

Question

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?

![

Comments

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.

---

Hallo,

ja ohne JavaScript Code wird der Balken angezeigt.

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

Answer 1

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?

Comments

Super. Danke! Hat geklappt!

---

Kommando zurück. Frage 2 wird dann immer angezeigt. :(

---

Hätten Sie nochmal einen Pretest-Link mit der geänderten Variante?