Javaskript für eigene Lernsoftware

[Rolf B]

Hallo Jenni,

wenn es "nur so halb" funktioniert, ist dein "von JavaScript verstehe ich quasi nix" aber weit untertrieben :)

Zeitverzögerte Aktionen erreicht man in JavaScript mit setTimeout. Die Funktion bekommt zwei Parameter: als erstes eine Funktion, die aufgerufen werden soll wenn der Timer abgelaufen ist, und dann die Wartezeit in Millisekunden.

D.h. du brauchst ein paar Funktionen, die die relevanten Schritte ausführen. Vermutlich hast Du irgendwo einen "Los geht's" Button.

Klickt man den, kommt als erstes die

function neueAufgabe() {  
- irgendwie festlegen, wie die Aufgaben lautet (sprich: Bild und Lösung festlegen) und diese Info an geeigneter Stelle merken  
- aufgabenzähler erhöhen
- aufgabeZeigen()  
}

function aufgabeZeigen() {  
- Element-Objekt zum Aufgabenbild suchen (document.getElementById)  
- src-Eigenschaft dieses Objekts auf die URL des Bildes setzen  
- img-Objekt einblenden (da gibt's diverse Möglichkeiten, incl. Animation wenn es sein soll)  
**- setTimeout(antwortAnfordern, 5000);**  
}

Das Bild ist nun sichtbar. Nach 5s kommt die

function antwortAnfordern() {  
- Element-Objekt zum Aufgabenbild suchen (aufgabe = document.getElementById(...))  
- Element-Objekt zum Eingabeformular suchen (eingabe = document.getElementById(...))  
- aufgabe-Objekt ausblenden  
- eingabe-Objekt einblenden  
- fertig - weiter geht's mit dem click-Event des OK Buttons, in der Funktion
}

function antwortPrüfen() {
- Antwort falsch?  
-> aufgabeZeigen() und return;  
  
- Alle Aufgaben erledigt?  
-> "Du bist Super" anzeigen und return - Quiz zu Ende.  

- neueAufgabe()
}

Während der 5 Sekunden, die SetTimeout wartet, ist der Browser frei zur Benutzung, d.h. die Kids könnten durchaus das Bild ins Clipboard kopieren und so aufbewahren. Das könntest Du verhindern, indem Du das Bild mit einem zweiten Bild gleicher Größe überlagerst, das nur aus transparenten Pixeln besteht (mit position:absolute darüberlegen).

Ist die Seite öffentlich zugänglich, die Du gebaut hast? Wenn ja: magst Du uns die Adresse sagen?

Rolf