diff options
| author | tomsmeding <tom.smeding@gmail.com> | 2017-11-22 21:23:14 +0100 |
|---|---|---|
| committer | tomsmeding <tom.smeding@gmail.com> | 2017-11-22 22:23:51 +0100 |
| commit | 32523cdcd9eaa4ad9363d79ebe82d5de4b852676 (patch) | |
| tree | 88b27b82007047e6923c608cc44ca38dcd0e125a /modules/zelfoverhoor/qs.html | |
| parent | 58d635e0c88ea5428072f7901417908f455b93ec (diff) | |
Add module 'zelfoverhoor'
Beta stage
Diffstat (limited to 'modules/zelfoverhoor/qs.html')
| -rw-r--r-- | modules/zelfoverhoor/qs.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/modules/zelfoverhoor/qs.html b/modules/zelfoverhoor/qs.html new file mode 100644 index 0000000..32c9099 --- /dev/null +++ b/modules/zelfoverhoor/qs.html @@ -0,0 +1,64 @@ +<!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><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> vragen goed van de in totaal <span id="numtotal"></span> vragen.</p> + <p id="allcorrectp"><b>Gefeliciteerd met je prestatie! :D</b></p> + <input type="button" onclick="startQuiz()" value="Nog een keer?"> +</div> +</body> +</html> |