Помощь в тесте
Помогите решить проблему!.. Нужно в данном тесте сделать так чтобы каждый вопрос шел последовательно. Ответил на один, потом появился другой и.т.д
<!DOCTYPE html PUBLIC
<head>
<title>Тест</title>
<style type="text/css">
#blok{
display: none;
}
</style>
<script type="text/javascript">
var d=document, rez=0,
time='5', //общее время
ball=2, //балл за вопрос
vsego=2, //всего вопросов
count=0; //Кол-во правильных ответов
function timer(){
var obj=document.getElementById('timer');
obj.innerHTML--;
if(obj.innerHTML==0){
stopTest();
setTimeout(function(){},1000);}
else{setTimeout(timer,1000);}
}
function startTest(){
d.getElementById("timer").innerHTML=time;
setTimeout(timer,1000);
d.getElementById("blok").style.display='block';
d.getElementById("btStart").style.display='none';
}
function stopTest(){
var i=0;
for(i=0; i<d.getElementsByName("q1").length; i++){
if(d.getElementsByName("q1")[i].checked) {
if(i==1){rez+=2; count++;}
}
}
alert('Вы набрали '+((rez/ball)/vsego)*100+' %\nВы правильно ответили на '+count+ ' вопросов из '+vsego+'.');
d.getElementById("blok").style.display='block';
d.getElementById("btStart").style.display='block';
location.reload(true);
rez=0;
count=0;
}
</script>
</head>
<body>
<input type="button" name="btStart" value="Старт тест" onclick="startTest()" id="btStart"/>
<div id="blok">
<p style="float:left;">Осталось времени: </p>
<p id="timer"></p>
<form method="get" enctype="text/plain" name="testForm">
<div id = "questionBlock">
Вопрос 1</p>
<input type = "radio" name=q1 onclick="qa.nowRight = 0">128 Mb;<br>
<input type = "radio" name=q1 onclick="qa.nowRight = 0">327 Mb;<br>
<input type = "radio" name=q1 onclick="qa.nowRight = 0">452 Mb;<br>
<input type = "radio" name=q1 onclick="qa.nowRight = 1">622 Mb;<br>
<input type = "radio" name=q1 onclick="qa.nowRight = 0">842 Mb;<br>
</div>
<div id = "questionBlock">
Вопрос 2</p>
<input type = "radio" name=q2 onclick="qa.nowRight = 0">128 Mb;<br>
<input type = "radio" name=q2 onclick="qa.nowRight = 0">327 Mb;<br>
<input type = "radio" name=q2 onclick="qa.nowRight = 0">452 Mb;<br>
<input type = "radio" name=q2 onclick="qa.nowRight = 1">622 Mb;<br>
<input type = "radio" name=q2 onclick="qa.nowRight = 0">842 Mb;<br>
</div>
<input type="button" value="Принять ответ" name="ok" onclick="stopTest()"/>
<input type="reset" value="Сбросить" name="res" />
</form>
</body>
</html>
|