Szerkesztő:Madbence/Kvíz

Lennon-féle kvíz felület a VIK Wiki-re

Kísérleti jelleggel, jQuery és KnockoutJS alapokon. A repó bárki számára elérhető, forkolható.

A kvízt jelenleg manuálisan lehet beilleszteni, írd be a JS konzolba (Chrome: Ctrl-Shift+J), majd enter:

var e=document.createElement('script');
e.type='text/javascript';
document.head.appendChild(e);
e.src='https://raw.github.com/madbence/vik-wiki-quiz/master/hook.js?'+Math.random();

Lehetséges markup a kérdéseknek/válaszoknak (komplett példa)

{{Kvíz:Eleje|cím=milyen kikérdező is ez}}
{{Kvíz:IgazHamis|kérdés=szöveg|I}}
{{Kvíz:IgazHamis|kérdés=szöveg|H}}
{{Kvíz:Sima|kérdés=szöveg|megold=1
|válasz1
|válasz2
|válasz3
|válasz4
|válasz5}}
{{Kvíz:Kombó|kérdés=szöveg|megold=1,3
|válasz1
|válasz2
|válasz3
|válasz4}}
{{Kvíz:Kitöltendő|kérdés=szöveg|válasz=konkrét válasz}}
{{Kvíz:Vége}}

Lehetséges HTML formátum (a wiki rendereli a sablonokból)

//Kvíz:Eleje
<div id="quiz">
	<script type="text/javascript">Quiz.init();</script>
	<h2>milyen kikérdező is ez</h2>
//Kvíz:IgazHamis
	<div class="question decide" data-solution="I">
		<h3>szöveg</h3>
		<ul>
			<li>Igaz</li>
			<li>Hamis</li>
		</ul>
	</div>
//Kvíz:Igazhamis
	<div class="question decide" data-solution="H">
		<h3>szöveg</h3>
		<ul>
			<li>Igaz</li>
			<li>Hamis</li>
		</ul>
	</div>
//Kvíz:Sima
	<div class="question normal" data-solution="1">
		<h3>szöveg</h3>
		<ul>
			<li>válasz1</li>
			<li>válasz2</li>
			<li>válasz3</li>
			<li>válasz4</li>
			<li>válasz5</li>
		</ul>
	</div>
//Kvíz:Kombó
	<div class="question multiple" data-solution="1,3">
		<h3>szöveg</h3>
		<ul>
			<li>válasz1</li>
			<li>válasz2</li>
			<li>válasz3</li>
			<li>válasz4</li>
		</ul>
	</div>
//Kvíz:Vége
</div>