das ganze ding sieht so aus: is nich viel unten stehen die funktionen
<div id ="content1" style="display:block"; width:300px; height:100px">
Erklärung:
<input type="button" value="weiter1" onClick="da()">
</div>
<div id ="content2" style="display:none"; width:320px; height:240px">Hier ist das erste Kapitel
<script language="JavaScript" type="text/javascript">
<!--
function weg() {
document.getElementById("content2").style.display = "none";
document.getElementById("content3").style.display = "block";
}
if (document.getElementById("content2").style.display == 'block'){
setTimeout('weg()',2000);
}
//-->
</script>
<input type="button" value="weiter2" onClick="daa()">
</div>
<div id ="content3" style="display:none"; width:320px; height:240px">Hier ist das zweite Kapitel
<script language="JavaScript" type="text/javascript">
<!--
//-->
</script>
<input type="button" value="weiter3" onClick="daaa()">
</div>
<div id="content4" style="display:none"; width:320px; height:240px">Der Test ist beendet
</div>
</body>
</html>
<script language="JavaScript" type="text/javascript">
<!--
function da(){
document.getElementById("content1").style.display = "none";
document.getElementById("content2").style.display = "block";
}
function daa(){
document.getElementById("content2").style.display = "none";
document.getElementById("content3").style.display = "block";
}
function daaa(){
document.getElementById("content3").style.display = "none";
document.getElementById("content4").style.display = "block";
}
//-->
</script>
mfg falke