Ich habe jetzt zwei Variablen mit jeweils 20 Items angelegt und ihren Code eingefügt, allerdings funktioniert das leider nicht. Ich muss zugeben, dass ich Ihren Code leider auch nicht ganz verstehe, weshalb ich selbst nicht darauf komme woran es liegt. Ich würde jetzt nochmal kurz schildern, was ich gemacht habe:
Ich habe zwei Variablen (A002 und A003) mit 20 Items angelegt und diese vor meinem HTML-Code in den Fragebogen gezogen.
Dann folgt folgender HTML-Code mit den entsprechenden Funktionen, die mit jeweils beim Klick des buttons 'pause' eine Zeit generieren und ein Textfenster öffnen. Beim schließen des Textfensters wird der eingegebene Text mit der vorher erfassten Zeit erfasst und das Video läuft weiter. Der Gesamtcode sieht wie folgt aus:
<video id="player" width="512" height="288" autoplay="autoplay">
<source src="pro://Test.mp4" type="video/mp4"/>
</video>
<script src="interactive.js"></script>
<script>
Interactive.init();
</script>
<button type="button" id="pause" onclick="buttonShow()">Pause</button>
<button type="button" id="test" onclick="Test()">Video zu Ende gesehen</button>
<p id="ausgabe"></p>
<p id="text"></p>
<!-- Info-Box -->
<div id="infoBox" style="width: 500px; padding: 10px; background-color: white; border: 2px solid #CCCCCC">
<label for="vname">Notieren Sie hier Ihre Beobachtung. <input type="text" id="vname" name="vname"> </label>
<p style="text-align: center; margin-top: 20px">
<button type="button" id="play" onclick="buttonHide()">Schließen</button>
</p>
</div>
<script>
document.getElementById('pause').addEventListener('click', function() { player.pause(); document.getElementById('ausgabe').innerHTML = 'Die Dauer des Videos beträgt: '+ player.currentTime +' Sekunden.'}, false);
document.getElementById('play').addEventListener('click', function() { player.play(); Speichern(); document.getElementById('text').innerHTML = document.querySelector("#vname").value; document.getElementById('vname').value = '';}, false);
</script>
<script type="text/javascript">
var info = document.getElementById("infoBox");
info.style.display = "none"; // Box ausblenden
info.style.position = "absolute";
info.style.zIndex = 999;
info.style.marginTop = "10px";
function buttonShow() {
// Infobox anzeigen
info.style.display = "";}
function buttonHide() {
// Infobox wieder ausblenden
info.style.display = "none";}
var i = 0;
var Tabelle = new Array();
function Speichern(){
Tabelle[i] = new Object();
Tabelle[i]["Zeit"] = player.currentTime;
Tabelle[i]["Text"] = document.querySelector("#vname").value;
window.alert(i + " " + Tabelle[i]["Zeit"] + " " + Tabelle[i]["Text"] + "\n");
i++;}
// Knopf zunächst ausblenden
SoSciTools.submitButtonsHide();
// Nach 600000 msec Knopf einblenden
function Test(){
var s = new Object();
s = player.currentTime;
if (s == 34.687999){
window.setTimeout(
SoSciTools.submitButtonsDisplay, 500)}
else{ window.alert("Das Video ist noch nicht zu Ende.")}}
</script>
Ich wollte Ihren Code in die if-Funktion am Ende mit einbauen, da hier das Video zu Ende geschaut wurde und die nächtste Seite aufgerufen werden kann. Was muss ich hier jetzt noch machen, damit die Daten tatsächlich in der Datenbank gespeichert werden?
Vielen Dank schonmal.