Jdi na obsah Jdi na menu
Úvod >> Rady na Estránky >> I pro program zdarma >> Test i s vyhodnocením

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> &nbsp; <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">&nbsp;</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řidat komentář

Přehled komentářů

Tomáš Hypeš - Re: ahoj

6. 12. 2009 16:22

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

6. 12. 2009 15:53

tak jak to?

jakaru - ahoj

6. 12. 2009 13:40

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

6. 12. 2009 12:55

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

6. 12. 2009 12:31

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 - email

14. 6. 2009 20:42

poslany email na THypes@seznam.cz

Tomáš Hypeš - RE:dakujem

14. 6. 2009 17:28

Tak mi ho pošli na mail.

kubo333 - dakujem

14. 6. 2009 13:48

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

13. 6. 2009 6:48

<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> &nbsp; (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">&nbsp;</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>&nbsp;</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>&nbsp;</p>
<p id="vysltext" class="kvizhidden">&nbsp;</p></form>
<p><button class="jsonly" onclick="Vysledky()">Zobraziť výsledky</button></p>

kubo333 - ...

12. 6. 2009 23:42

ja to nechapu skus mi to spravit spriaznena duso .. :D bolo by to od teba dobre

kubo333 - TU JE CELY TEST

12. 6. 2009 23:38

<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> &nbsp; (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">&nbsp;</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>&nbsp;</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>&nbsp;</p>
<p id="vysltext" class="kvizhidden">&nbsp;</p>
<p><button class="jsonly" onclick="Vysledky()">Zobraziť výsledky</button></p>

kubo333 - VYSLEDKY TESTU

12. 6. 2009 23:38

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

12. 6. 2009 14:05

Před otázkami ti chybí <form name="kvizform"> a za nimi </form>

kubo333 - VYSLEDKY TESTU

12. 6. 2009 12:56

http://www.fkpuchov-96.estranky.sk/clanky/akcie/aaaaa jak si myslel tohle

Tomáš Hypeš - RE:VYSLEDKY TESTU

10. 6. 2009 16:07

Dej sem adresu, at se mohu podívat, co máš špatně.

kubo333 - VYSLEDKY TESTU

10. 6. 2009 14:16

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..