habe mal etwas zusammenprogrammiert.
Habe die Sachen, die fertig gelesen sind in ein extra Feld gepackt, was aktiv ist und was noch zu lesen ist…
Steuerung und Anzeige ist auch mit drin.
hier erstmal indexx.css:
_______________
.green {
color:green;
background-color:rgb(200,200,200);
border:1px solid rgb(0,0,0);
}
#read {
background-color:rgb(100,100,100);
}
#toread {
}
_______________
danach reading.html :
_______________
Text Reading
var controller_counttospeak=3;
var controller_showactive=true;
var minwords=1;
var maxwords=5;
var textplay=„Play“;
var textstop=„Stop“;
Spielt ab?:
Wörter pro Einheit:
Das ist der Mustertext mit vielen wrtern … tausende folgen
Das ist der Mustertext mit vielen wrtern … tausende folgen
Das ist der Mustertext mit vielen wrtern … tausende folgen
Das ist der Mustertext mit vielen wrtern … tausende folgen
Show
_______________
und danach noch die kleine index.js -Datei:
_____________________
//http://www.ryancooper.com/resources/keycode.asp
document.onkeydown = checkKeycode
function checkKeycode(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
//alert("keycode: " + keycode);
var savecontroller_counttospeak=controller_counttospeak;
if (keycode==32) //Leertastenevent
{
if (controller_showactive==true)
{controller_showactive=false;}
else
{controller_showactive=true;}
}
if (keycode==38) //Pfeil nach oben
{
controller_counttospeak++;
//Fallback, wenn außer Grenze
var isok=worternowfallback(controller_counttospeak);
if (isok==false)
{
controller_counttospeak–;
}
updateshowfields();
}
if (keycode==40) //Pfeil nach unten
{
controller_counttospeak–;
//Fallback, wenn außer Grenze
var isok=worternowfallback(controller_counttospeak);
if (isok==false)
{
controller_counttospeak++;
}
updateshowfields();
}
updateshowfields();
}
function worternowfallback(value, fallbackvalue)
{
var isok=true;
if (value>maxwords || value1)
{
//alert(newtoread);
setTimeout(color_text, 1000);
}
else
{
controller_showactive=false;
updateshowfields();
}
}
}
setTimeout(color_text, 1000);
});
});
_____________________
