Test i s vyhodnocením
Chcete mít na svých stránkách test jako je zde? Postupujte podle návodu:
Kompatibilita
Současná verze eStránek: | ANO |
Nová verze eStránek: |
ANO |
Testováno 26. srpna 2009
Javaskript
1. Vytvořte nebo si otevřete již vytvořený příspěvek nebo stránku.
2. Přepněte si na HTML pomocí tlačítka "WYSIWYG / HTML" nad editorem.
3. Nejdříve vložte javaskript, který bude test ovládat:
<script type="text/javascript"> <!-- if (Boolean(document.getElementById && document.styleSheets)) document.write('<style type="text/css">.kvizhidden{display:none} .jsonly{visibility:visible}<'+'/style>'); function Vysledky() { var e,et,f = document.kvizform; var spravne=0,spatne=0; for (var i=0; i<f.elements.length;i++) { e = f.elements[i]; et = document.getElementById(e.id+"d"); if (e.className=="OK") { et.style.textDecoration = "underline"; et.style.fontWeight = "bold"; if (e.checked) et.style.color = "#0069FE"; } else if (e.checked) { et.style.color = "red"; et.style.textDecoration = "line-through"; } if (e.checked) { if (e.className=="OK") spravne++; else spatne++; } e.disabled=true; } var proc = Math.round(spravne/(spravne+spatne)*100); document.getElementById("vysltext").innerHTML = "Vaše úspěšnost: <strong>"+proc+" %<"+"/strong> <br /> (správných odpovědí: <strong>"+spravne+"<"+"/strong>, špatných: <strong>"+spatne+"<"+"/strong>)"; document.getElementById("vysltext").style.display = "block"; document.getElementById("hodnoceni"+hodn).style.display = "block"; } //--> </script> |
#0069FE - Barva správné odpovědi, vložte anglicky nebo HTML kódem barvy.
red - Barva špatné odpovědi, vložte anglicky nebo HTML kódem barvy.
Formulář
4. Dále vložte toto:
<form name="kvizform"> otázky <p id="vysltext" class="kvizhidden"> </p> </form> <p><button class="jsonly" onclick="Vysledky()">Zobrazit výsledek</button></p> |
otázky - Místo tohoto budete vkládat otázky viz. níže.
Zobrazit výsledek - text tlačítka
Otázky
5. Teď vložíme otázky, v rámečku vidíte html jedné otázky, otázek si tam můžete dát, kolik chcete.
<dt><strong>Ve kterém státě je nejvíce lidí?</strong> </dt> <dd id="od10d"><input type="radio" id="od10" name="od1" />a) Rusko</dd> <dd id="od11d"><input type="radio" id="od11" name="od1"class="OK" />b) Čína</dd> |
modře - otázka
červeně - text otázky
zeleně - jedna odpověď
oranžově - text odpovědi
fialově - číslo otázky, u každé otázky musí být jiné číslo, začínáme od jedné
hnědě - číslo odpovědi, začínáme od nuly, maximálně do devíti
šedě - označení správné odpovědi, v každé otázce toto dejte jen k jedné odpovědi
Otázky vkládejte pod sebe.
Teď nezbývá nic jiného než prozkoušet, jestli vám to funguje.
Komentáře
Přehled komentářů
Tak to nepůjde, protože nejde zrušit přesměrování a nezobrazily by se výsledky. Formuláře se odesílají na mail uvedený v administraci a změnit to půjde až v nové verzi.
jakaru - ahoj
Místo <form name="kvizform"> ve 4. bodě (nikde jinde jsem to nenašel) jsem vložil přesně to co jsi mi tam napsal a na e-mailu to stále nemám. jak to? pls pls odepiš
PS: já se v tom sice nevyznám ale nemá se tam někam vložit můj e-mail?
Tomáš Hypeš - Re: Ahoj
Místo
<form name="kvizform">
dej:
<form name="kvizform" action="/index.php" enctype="multipart/form-data" method="post"><input type="hidden" name="akce" value="formsend" /><input type="hidden" name="title" /><input type="hidden" name="aftergoto" />
jakaru - Ahoj
hele Tomáši mám dotaz. Jde udělat, že když někdo vyplní test a dá zobrazit výsledek, že se mi ten výsledek automaticky, aniž by se muselo na něco klikat odešle na e-mail? Pokud ano tak mi pls pls ten HTML pošli na e-mail treti.a3.zskolin@seznam.cz a nebo na to prosim udělej návod. PS: každopádně sem napiš, zda-li to existuje.
kubo333 - dakujem
tomas dakujem ti ale neviem preco stale to nejde nemohol by som ti dat heslo ze by si priamo tam spravil...??staci mi jedna otázka ja uz si to potom odkopirujem..??dakujem i za snahu
Tomáš Hypeš - RE:TU JE CELY TEST
<script type="text/javascript"></script> <!--
if (Boolean(document.getElementById && document.styleSheets))
document.write('<style type="text/css">.kvizhidden{display:none} .jsonly{visibility:visible}<'+'/style>');
function Vysledky() {
var e,et,f = document.kvizform;
var spravne=0,spatne=0;
for (var i=0; i<f.elements.length;i++) {
e = f.elements[i];
et = document.getElementById(e.id+"d");
if (e.className=="OK") {
et.style.textDecoration = "underline";
et.style.fontWeight = "bold";
if (e.checked) et.style.color = "blue";
}
else if (e.checked) { et.style.color = "red"; et.style.textDecoration = "line-through"; }
if (e.checked) {
if (e.className=="OK") spravne++;
else spatne++;
} e.disabled=true;
}
var proc = Math.ound(spravne/(spravne+spatne)*100);
document.getElementById("vysltext").innerHTML = "Vaše úspěšnost: <strong>"+proc+" %<"+"/strong> (správných odpovědí: <strong>"+spravne+"<"+"/strong>, špatných: <strong>"+spatne+"<"+"/strong>)";
<form name="Testik pre Vás">
otázky
<p id="vysltext" class="kvizhidden"> </p>
</form>
<p><button class="jsonly" onclick="Vysledky()">Výsledky</button></p>
document.getElementById("vysltext").style.display = "block";
document.getElementById("hodnoceni"+hodn).style.display = "block";
}
//-->
<form name="kvizform">
<dt><strong>V ktorom roku Púchov hral v poháre UEFA s FC BAarcelona???</strong></dt>
<p><dd id="od10d"></dd><input type="radio" id="od10" name="od1" />a) 2003</p>
<p> </p>
<p><dd id="od11d"><input type="radio" id="od11" name="od1" class="OK" />b) 2002</dd> <dd id="od12d"><input type="radio" id="od12" name="od1" />a) 2004</dd> <dd id="od13d"><input type="radio" id="od13" name="od1" />a) 2001</dd></p>
<p> </p>
<p id="vysltext" class="kvizhidden"> </p></form>
<p><button class="jsonly" onclick="Vysledky()">Zobraziť výsledky</button></p>
kubo333 - ...
ja to nechapu skus mi to spravit spriaznena duso .. :D bolo by to od teba dobre
kubo333 - TU JE CELY TEST
<script type="text/javascript"></script> <!--
if (Boolean(document.getElementById && document.styleSheets))
document.write('<style type="text/css">.kvizhidden{display:none} .jsonly{visibility:visible}<'+'/style>');
function Vysledky() {
var e,et,f = document.kvizform;
var spravne=0,spatne=0;
for (var i=0; i<f.elements.length;i++) {
e = f.elements[i];
et = document.getElementById(e.id+"d");
if (e.className=="OK") {
et.style.textDecoration = "underline";
et.style.fontWeight = "bold";
if (e.checked) et.style.color = "blue";
}
else if (e.checked) { et.style.color = "red"; et.style.textDecoration = "line-through"; }
if (e.checked) {
if (e.className=="OK") spravne++;
else spatne++;
} e.disabled=true;
}
var proc = Math.ound(spravne/(spravne+spatne)*100);
document.getElementById("vysltext").innerHTML = "Vaše úspěšnost: <strong>"+proc+" %<"+"/strong> (správných odpovědí: <strong>"+spravne+"<"+"/strong>, špatných: <strong>"+spatne+"<"+"/strong>)";
<form name="Testik pre Vás">
otázky
<p id="vysltext" class="kvizhidden"> </p>
</form>
<p><button class="jsonly" onclick="Vysledky()">Výsledky</button></p>
document.getElementById("vysltext").style.display = "block";
document.getElementById("hodnoceni"+hodn).style.display = "block";
}
//-->
<form name="kvizform">
<dt><strong>V ktorom roku Púchov hral v poháre UEFA s FC BAarcelona???</strong></dt>
</form>
<p><dd id="od10d"></dd><input type="radio" id="od10" name="od1" />a) 2003</p>
<p> </p>
<p><dd id="od11d"><input type="radio" id="od11" name="od1" class="OK" />b) 2002</dd> <dd id="od12d"><input type="radio" id="od12" name="od1" />a) 2004</dd> <dd id="od13d"><input type="radio" id="od13" name="od1" />a) 2001</dd></p>
<p> </p>
<p id="vysltext" class="kvizhidden"> </p>
<p><button class="jsonly" onclick="Vysledky()">Zobraziť výsledky</button></p>
kubo333 - VYSLEDKY TESTU
tak tomas ja som velmi raad ze mi takto pomahas ale ja som nechapavy a preto ti tu cele napisem ako to mam teraz ale ked so sporavil ako si vravel ked klines na zobrazit vysledky tak sa stranka refreshne...
Tomáš Hypeš - RE:VYSLEDKY TESTU
Před otázkami ti chybí <form name="kvizform"> a za nimi </form>
kubo333 - VYSLEDKY TESTU
http://www.fkpuchov-96.estranky.sk/clanky/akcie/aaaaa jak si myslel tohle
Tomáš Hypeš - RE:VYSLEDKY TESTU
Dej sem adresu, at se mohu podívat, co máš špatně.
kubo333 - VYSLEDKY TESTU
tak tomááš mám 4 odpovede vše sem spravil tak jako si tu ukázal ale jenomže kliknu na ZOBRAZIT VYSLEDKY a nič se nestane nevis proc?? DAKUJEM VOPRED..
Tomáš Hypeš - Re: ahoj