Hallo liebes Support Team,
für ein Forschungsprojekt will ich nicht nachhaltige Produkte dynamisch durch eine Checkbox auf der selben Seite wie die der Produkte ein- und ausblenden lasse. Dies funktioniert soweit, allerdings hinterlassen die ausgebländeten Antwortoptionen (Format Kärtchen) leere Plätze.
Ist es möglich diese leeren Plätze zu entfernen?
Noch zur Info die Reihenfolge der Kärtchen soll zufällig ermittelt werden, weshalb zufällige Reihenfolge in den Einstellungen der Produkte ausgewählt ist.
Hier mein Code:
<script type="text/javascript">
<!--
var optionA = document.getElementById("B006_01"); // Auswahl der Alternativoption
var addElement1 = document.getElementById("B011_01_container") // Zusätzliches Element 1
var addElement2 = document.getElementById("B011_02_container") // Zusätzliches Element 2
var addElement3 = document.getElementById("B011_03_container") // Zusätzliches Element 3
var addElement4 = document.getElementById("B011_04_container") // Zusätzliches Element 4
var addElement5 = document.getElementById("B011_05_container") // Zusätzliches Element 5
var addElement6 = document.getElementById("B011_06_container") // Zusätzliches Element 6
var addElement7 = document.getElementById("B011_07_container") // Zusätzliches Element 7
var addElement8 = document.getElementById("B011_08_container") // Zusätzliches Element 8
var addElement9 = document.getElementById("B011_09_container") // Zusätzliches Element 9
function toogle() {
if (optionA.checked) {
addElement1.style.display = "none"
addElement3.style.display = "none"
addElement5.style.display = "none"
addElement7.style.display = "none";
}
else {
addElement1.style.display = ""
addElement3.style.display = ""
addElement5.style.display = ""
addElement7.style.display = "";
}
}
SoSciTools.attachEvent(optionA, toogle);
toogle();
// -->
</script>
Vielen lieben Dank im Voraus!
