Hallo
ich möchte gerne, dass ein Schieberegler und eine kurze Instruktion erscheint, wenn auf einen von sieben Stimuli geklickt wird. Ich habe dafür einen Textbaustein mit folgenden Code erstellt:
<script type="text/javascript">
<!--
var optionA = document.getElementById("PG01_01a"); // HTML-ID der Auswahloption "D1"
var optionB = document.getElementById("PG01_02a"); // Option "D2"
var optionC = document.getElementById("PG01_03a"); // Option "D3"
var optionD = document.getElementById("PG01_04a"); // Option "D4"
var optionE = document.getElementById("PG01_05a"); // Option "D5"
var optionF = document.getElementById("PG01_06a"); // Option "T1"
var optionG = document.getElementById("PG01_R1a"); //Ausweichoption
var frage = document.getElementById("SS01_qst"); // HTML-ID der Texteingabe
var text = document.getElementById("IN08_qst"); //sub. Bewertung Text
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 || optionB.checked || optionC.checked || optionD.checked || optionE.checked || optionF.checked || optionG.checked) {
// Wurde etwas ausgewählt, dann wird die Frage angezeigt
// Keine Angabe ("") verwendet die Standard-Einstellung (normal anzeigen)
frage.style.display = "";
text.style.display = "";
} else {
// Mit der Anzeigeoption "none" wird die Frage ausgeblendet
frage.style.display = "none";
text.style.display = "none";
}
}
// Die Funktion soll jedesmal ausgeführt werden, wenn eine der Optionen angeklickt wird
SoSciTools.attachEvent(optionA, "click", toogle);
SoSciTools.attachEvent(optionB, "click", toogle);
SoSciTools.attachEvent(optionC, "click", toogle);
SoSciTools.attachEvent(optionD, "click", toogle);
SoSciTools.attachEvent(optionE, "click", toogle);
SoSciTools.attachEvent(optionF, "click", toogle);
SoSciTools.attachEvent(optionG, "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>
Option A-G sind meine Stimuli auf die geklickt werden sollen. SS01 ist der Schieberegler und IN08 ist die Instruktion (dafür habe ich einfach einen Text in einer Rubrik erstellt). der Schiebregler wird tatsächlich erst angezeigt, wenn man auf einen Stimuli klickt, aber die Instruktion wird die ganze Zeit gezeigt. Eigentlich soll sie aber mit dem Regler gemeinsam erscheinen. Ich finde den Fehler leider nicht.
Vielen Dank für Ihre Hilfe!