Danke erstmal für die ganzen Hinweise! Dabei ist mir nun aufgefallen, dass der Wert für IV01_01 (zur Erfassung, ob der Info-Button überhaupt angeklickt wurde) von 2 (wurde angeklickt) auf 1 (wurde nicht angeklickt) zurückspringt, wenn der Befragte nochmals auf die Seite geht und diese dann ohne erneutes öffnen des Info-Buttons wieder verlässt. Wie kann ich den Wert von IV01_01 also derart fixieren, dass nach (mind.) einmaligem anklicken des Info-Buttons im Verlauf der Befragung die Variable = 2 ist und sich dieser Wert auch nicht ändert?
Außerdem bin ich nun dabei, einen Code für die Zeiterfassung zu basteln, komme hier jedoch auf keine Lösung. Folgenden Code (aus der LatencyTimer Bibliothek) habe ich versucht anzuwenden:
window.addEventListener("load", function() {
var timer = new LatencyTimer();
document.getElementById("infoBox").addEventListener("click", timer.eventHandler("IV02_01"));
document.getElementById("buttonHide").addEventListener("click", timer.eventHandler("IV02_02"));
});
Allerdings habe ich dabei folgende Probleme:
- kriege für IV02_01 entweder gar keine Antwort oder nur -7 oder -6 als Werte
- und für IV02_02 wird gar keine Antwort erfasst (sprich ich habe das schließen des Info-Buttons vermutlich noch nicht korrekt im Code zur Zeiterfassung hinterlegt)
Wie ist nun vorzugehen? Der gesamte Code sieht so aus:
<!-- Zunächst der Knopf zum Anzeigen der Info -->
<button type="button" onclick="buttonShow()">(i) Mehr Infos zur Prüfung der Kundenbewertungen</button>
<!-- Und dann die Info-Box -->
<div id="infoBox" style="width: 400px; padding: 5px; background-color: white; border: 2px solid #CCCCCC">
<p> Es findet keine Echtheitsprüfung der Kundenbewertungen statt. </p>
Damit ist nicht sichergestellt, dass die dargestellten Bewertungen von Verbrauchern stammen, welche die bewerteten Produkte tatsächlich erworben haben.
<p style="text-align: center; margin-top: 20px">
<button type="button" onclick="buttonHide()">Schließen</button>
</p>
</div>
<!-- Der JavaScript-Code -->
<script type="text/javascript">
<!--
var info = document.getElementById("infoBox");
info.style.display = "none"; // Box ausblenden
info.style.position = "absolute";
info.style.zIndex = 999;
// Entweder fix auf der Seite platziert
// info.style.left = "50px";
// info.style.top = "100px";
// Oder ein definiertes Stückchen unter dem Knopf
info.style.marginTop = "10px";
var info = document.getElementById("infoBox");
var intVar = document.getElementById("IV01_01"); // Hier muss die Kennung der internen Variable eingetragen werden
info.style.display = "none"; // Box ausblenden
intVar.value = "1";
function buttonShow() {
// Infobox anzeigen
info.style.display = "";
// Abspeichern, dass der Button angeklickt wurde
intVar.value = "2";
}
function buttonHide() {
// Infobox wieder ausblenden
info.style.display = "none";
}
window.addEventListener("load", function() {
var timer = new LatencyTimer();
document.getElementById("infoBox").addEventListener("click", timer.eventHandler("IV02_01"));
document.getElementById("buttonHide").addEventListener("click", timer.eventHandler("IV02_02"));
});
//-->
</script>