Darstellung zwischen mehreren question()

Question

Hallo,

ich habe eine etwas spezielle Frage:
ich habe 20 Upload Buttons, aufgeteilt in zwei Kategorien (2x 10). Von Anfang an werden allerdings erst 5 für jede Kategorie angezeigt. Sobald der letzte Upload Button belegt ist, wird der nächste angezeigt. Das funktioniert auch wunderbar. Allerdings ist die Darstellung nicht wirklich schön, da zwischen den beiden Kategorien sehr viel Platz ist (wahrscheinlich, weil die anderen Buttons dort sind, obwohl diese nicht angezeigt werden). Gibt es eine Möglichkeit, die Darstellung etwas Nutzfreundlicher zu gestalten? Entweder die beiden Kategorien nebendeinander oder den Platz zwischen den beiden Kategorien entfernen?

Code (die beiden Kategorien im Bild sind beide aus der else Part):

if (((value('A005') == 1) and (value('A006_01') == 2)) or ((value('A004') == 1) and (value('A005') == 2) and (value('A002_01') == 2)) or  ((value('A004') == 2) and (value('A001') == 1) and (value('A002_01') == 2)) or ((value('A001') == 2) and (value('A003_01') == 2))) {
question('G005');
question('G006');
question('G007');
question('G008');
question('G009');
question('G010');
question('G011');
question('G013');
question('G014');
question('G015');
} else {
question('G012');
question('G016');
question('G017');
question('G018');
question('G019');
question('G020');
question('G021');
question('G022');
question('G023');
question('G024');
question('G025');
question('G026');
question('G027');
question('G028');
question('G029');
question('G030');
question('G031');
question('G032');
question('G033');
question('G034');



}

Pre-Test Link direkt auf die entsprechende Seite:
https://ofb.iea-hamburg.de/ceco/?act=rTlizJkLD0pvmpChCFiNmv1v

Answer 1

Sie blenden "nur" das Eingabefeld aus:

var optionJJJ = document.getElementById("G034");  
...
optionJJJ.style.display = "none";

Blenden Sie stattdessen die komplette Frage aus:

var blockJJJ = document.getElementById("G034_qst");  
...
blockJJJ.style.display = "none";

Für die Kontrolle, was ausgewählt ist, brauchen Sie das Eingabefeld natürlich weiterhin. Wenn Sie sich das Leben leichter machen möchten, versuchen Sie es mit SoSciTools.findContainer:

var optionJJJ = document.getElementById("G034");  
...
SoSciTools.findContainer(optionJJJ, null, "s2question").style.display = "none";