<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Zelfoverhoor: <!-- ###ID### --></title>
<link rel="stylesheet" href="/zelfoverhoor/style.css">
<script>
// Gefeliciteerd, je hebt de antwoorden gevonden.
// De vraag is echter, wil je die gebruiken? :)
// Deze overhoor-applicatie is er immers om JEZELF te verbeteren...
var questionset=/*###QUESTIONSET###*/;
</script>
<script src="/zelfoverhoor/qs.js"></script>
<style>
#qsetdescr {
margin-top: 5px;
display: inline-block;
background-color: #eee;
padding: 5px;
}
#qcontainer {
border: 1px #666 solid;
border-radius: 10px;
padding: 10px;
display: inline-block;
}
#question, #answer {
display: inline-block;
background-color: #eef;
border-radius: 10px;
padding: 10px;
margin-top: 5px;
}
/* HACK */
#qcontainer.invisible, .invisible {
display: none;
}
</style>
</head>
<body>
<h1>Zelfoverhoor: vragenset "<span id="qsetname"></span>"</h1>
<b>Beschrijving:</b><br>
<div id="qsetdescr"></div><br>
<br><br>
<div id="qcontainer">
<b>Vraag:</b> <small>(<span id="progress"></span>)</small><br>
<div id="question"></div><br>
<br>
<input type="button" id="showAnswerButton" onclick="showAnswer()" value="Laat antwoord zien!">
<div id="answercontainer" class="invisible">
<b>Antwoord:</b><br>
<div id="answer"></div><br>
<input type="button" onclick="advance(true)" value="Goed!"><span style="margin-left:20px"></span>
<input type="button" onclick="advance(false)" value="Fout">
</div>
</div>
<div id="rescontainer">
<b>Je hebt alle vragen gehad!</b><br>
<p>Je had <span id="numcorrect"></span> <span id="numcorrectvraag"></span> goed van de in totaal <span id="numtotal"></span> <span id="numtotalvraag"></span>.</p>
<p id="allcorrectp"><b>Gefeliciteerd met je prestatie! :D</b></p>
<p id="allwrongp"><b>Niet erg, gewoon nog een keer proberen!</b></p>
<input type="button" onclick="startQuiz()" value="Nog een keer?">
</div>
</body>
</html>