{ <a href="index.php" target="_top">Harhaa.com</a> }</TD><TD align="right" valign="middle" width="379" height="40" class="pikalinkit"><a href="index.php">etusivu</a> |
<a href="sivukartta.php">sivukartta</a> |
<a href="vieraskirja.php">vieraskirja</a> |
<a href="palautelomake.php">palaute</a></TD><TD align="left" valign="middle" width="10" height="40"></TR></TABLE></TD></TR><TR><TD align="left" valign="top" width="769" height="1" bgcolor="#FFFFFF" style="background: url(tyyli/line_vaaka.gif);"></TD></TR><TR><TD align="left" valign="top" width="769" bgcolor="#FFFFFF"><TABLE width="769" border="0" cellspacing="0" cellpadding="0"><TR><TD align="left" valign="top" width="25" bgcolor="#000000" style="background: #000000 url(tyyli/background_01.jpg) top left no-repeat;"></TD><TD align="left" valign="top" width="3" bgcolor="#DBE7F3"></TD><TD align="left" valign="top" bgcolor="#DBE7F3" width="1" style="background: #DBE7F3 url(tyyli/line_pysty.gif);"><img src="tyyli/empty.gif" alt=""></TD><TD align="left" valign="top" width="3" bgcolor="#DBE7F3"></TD><TD align="left" valign="top" width="175" bgcolor="#DBE7F3" class="navi"><br>

<b>Navigaatio:</b><br>

<TABLE width="175" border="0" cellspacing="0" cellpadding="0"><TR><TD align="left" valign="top" width="15" class="navi"></TD><TD align="left" valign="top" width="160" class="navi"><a href="index.php">Etusivu</a><br>
<a href="mies_ja_musiikki.php">Mies ja musiikki</a><br>
<a href="diskografia.php">Diskografia</a><br>
<a href="ps.php">Pekka ja Susi</a><br>
<a href="galleria.php">Galleria</a><br>
<a href="aarrearkku.php">Aarrearkku</a><br>
<a href="aarrearkku.php?page=id_aarrearkku_uutiset.txt">Uutisarkisto</a><br>
<a href="info_ja_linkit.php">Info ja linkit</a><br>
<img src="tyyli/empty.gif" alt="" width="1" height="7"><br>
<a href="in_english.php"><b>In English</b></a></TD></TR></TABLE><br>

</TD><TD align="left" valign="top" width="3" bgcolor="#DBE7F3"></TD><TD align="left" valign="top" bgcolor="#DBE7F3" width="1" style="background: #DBE7F3 url(tyyli/line_pysty.gif);"><img src="tyyli/empty.gif" alt=""></TD><TD align="left" valign="top" width="3" bgcolor="#DBE7F3"></TD><TD align="left" valign="top" width="7" bgcolor="#91A9C1"></TD><TD align="left" valign="top" width="541" bgcolor="#91A9C1" class="teksti"><br>
<script language="JavaScript"
        src="tietovisa.js"></script><script language="JavaScript"><!--


// Define global variables and arrays
var questionIndex	= 0;
var checker 		= true;
var keeper 		= new Array();
var performance 	= new Array('Oletko kasvanut tynnyrissä?','Ovat jotkut pärjänneet huonomminkin. Muutamat.','Tietosi ovat vajavaiset.','Näe hieman vaivaa yleissivistyksen eteen.','Kohtalaista tietoa.','Aika hyvin.','Hyvä esitys.','Erinomaista.','Olet oikea guru.');
var correctAnswers 	= 0;
var jsAbility;
var preventer = 1;
var spawn;

// For resetting all variables and arrays for a retake
function itemReset() {
	questionIndex 	= 0;
	keeper 		= new Array();
	correctAnswers 	= 0;
	preventer	= 1;
	jsAbility	= null;
	}

// Administer the test and record the answers
function startQuiz(openStatus, whetherOrNot) {
	checker = openStatus;
	if (whetherOrNot < questionIndex) { busted(); return; }
	if (checker) { 
		spawn = open('','','width=550,height=350,scrollbars=1,resizable=0, toolbar=0,location=0,directories=0,status=0,menubar=0'); 
		!checker;
		}

	if (questionIndex == killers.length) { gradeTest(); return; }
	
	// Separate each array element to form the questions and answr options
	var question 	= killers[questionIndex].substring(0, killers[questionIndex].indexOf('$$'));
	var optionA 	= killers[questionIndex].substring(killers[questionIndex].indexOf('$$') + 2, killers[questionIndex].indexOf('%%'));
	var optionB 	= killers[questionIndex].substring(killers[questionIndex].indexOf('%%') + 2, killers[questionIndex].indexOf('^^'));
	var optionC 	= killers[questionIndex].substring(killers[questionIndex].indexOf('^^') + 2, killers[questionIndex].indexOf('&&'));
	var optionD 	= killers[questionIndex].substring(killers[questionIndex].indexOf('&&') + 2, killers[questionIndex].length);

	// Write the questons and answrs options to the new window
	spawn.document.clear();
	spawn.document.open();
	spawn.document.writeln('<HTML><HEAD><TITLE>TIETOVISA</TITLE></HEAD>');
	spawn.document.writeln('<BODY BACKGROUND="tyyli/tietovisa_02.jpg" BGCOLOR="#000000" TEXT="#FFFFFF">');
	spawn.document.writeln('<FONT SIZE="3" FACE="Arial">');
	spawn.document.writeln('<H2>KYSYMYS ' + (questionIndex + 1) + '/30</H2>');
	spawn.document.writeln('<FORM>');
	spawn.document.writeln('<B>' + question + '</B><BR><BR>');
	spawn.document.writeln('<INPUT TYPE=RADIO NAME=\"answer\" VALUE=\"a\" onClick="opener.keeper[opener.questionIndex - 1] = this.value; opener.startQuiz(false, ' + preventer + ')\">' + optionA + '<BR>');
	spawn.document.writeln('<INPUT TYPE=RADIO NAME=\"answer\" VALUE=\"b\" onClick="opener.keeper[opener.questionIndex - 1] = this.value; opener.startQuiz(false, ' + preventer + ')\">' + optionB + '<BR>');
	spawn.document.writeln('<INPUT TYPE=RADIO NAME=\"answer\" VALUE=\"c\" onClick="opener.keeper[opener.questionIndex - 1] = this.value; opener.startQuiz(false, ' + preventer + ')\">' + optionC + '<BR>');
	spawn.document.writeln('<INPUT TYPE=RADIO NAME=\"answer\" VALUE=\"d\" onClick="opener.keeper[opener.questionIndex - 1] = this.value; opener.startQuiz(false, ' + preventer + ')\">' + optionD + '<BR>');
	spawn.document.writeln('</FORM></BODY></HTML>');
	spawn.document.close();
	
	// Increment variables for the next question
	questionIndex++;
	preventer++;
	}

function gradeTest() {
	// Increment the variables for the last time
	questionIndex++;
	preventer++;
	
	// Compare student answers with correct answers
	for (var i = 0; i < killers.length; i++) {
		if (keeper[i] == answers[i]) {
			correctAnswers++;
			}
		}
	
	// Determine a ranking according to number of corrrect answers
	jsAbility = performance[Math.ceil((correctAnswers/killers.length) * performance.length - 1)];

	// Print the test results
	printResults();
	}

// Print the questions, answer options, and other info
function printResults() {
	spawn.document.clear();
	spawn.document.open();
	spawn.document.writeln('<HTML><HEAD>');
	spawn.document.writeln('<TITLE>TIETOVISAN TULOKSET</TITLE>');
	spawn.document.writeln('</HEAD><BODY BACKGROUND="tyyli/tietovisa_01.jpg" BGCOLOR="#000000" TEXT="#FFFFFF">');						
	spawn.document.writeln('<FONT FACE=\"Arial\">');
	spawn.document.writeln('<H2>Vastasit ' + correctAnswers + '/' + killers.length + ' kysymykseen oikein.</H2>');
	spawn.document.writeln('<B>Arvio: ' + jsAbility + '</B><BR>');
	spawn.document.writeln('<BR><BR><FONT SIZE=\"4\">Tilastosi: </FONT><BR><BR>');

	for (var i = 0; i < killers.length; i++) {
		spawn.document.writeln('\n\n<B>Kysymys ' + (i + 1) + '</B><BR>');
		spawn.document.writeln(killers[i].substring(0, killers[i].indexOf('$$')));
		spawn.document.writeln('<BR><BR>\n<FONT SIZE=\"-1\">a. ' + killers[i].substring((killers[i].indexOf('$$') + 2), killers[i].indexOf('%%')) + '<BR>');
		spawn.document.writeln('b. ' + killers[i].substring(killers[i].indexOf('%%') + 2, killers[i].indexOf('^^')) + '<BR>');
		spawn.document.writeln('c. ' + killers[i].substring(killers[i].indexOf('^^') + 2, killers[i].indexOf('&&')) + '<BR>');
		spawn.document.writeln('d. ' + killers[i].substring(killers[i].indexOf('&&') + 2, killers[i].length) + '<BR></FONT>');

			// Determine if the student answered each question appropriately, and display accordingly
			if (keeper[i] == answers[i]) {
			spawn.document.writeln('<B><I><FONT COLOR=\"GREEN\">Vastasit tähän oikein.</FONT></I></B>\n<BR><BR><BR>');
				}		
			else { spawn.document.writeln('<B><I><FONT COLOR=\"RED\">Oikea vastaus on: ' + answers[i] + '\n<BR><BR><BR></FONT></I></B>'); }
		
	}

	

	spawn.document.writeln('\n\n</BODY></HTML>');
	spawn.document.close();
	}

function busted() {
	alert('Olen pahoillani, mutta kysymykseen saa vastata VAIN KERRAN.');
	spawn.history.forward(); 
	spawn.focus();
	}

// --></script>

<b>Tietovisa 1</b><br>30 kysymystä Anssi Kelasta, lopussa näytetään tulokset. Älä sulje tätä ikkunaa, koska muuten ohjelma ei toimi (toteutettu JavaScriptilla).
<br><br>
<form method="POST">
<input type="button" name="B1" value="Aloita tietovisa" onclick="javascript:itemReset();startQuiz(true,200);" style="background-color: #DBE7F3;">
</form><br>-----------------------------------------<br><a href="javascript:history.back()">Takaisin</a> edelliselle sivulle...


<br><br></TD><TD align="left" valign="top" width="7" bgcolor="#91A9C1"></TD></TR></TABLE></TD></TR><TR><TD align="left" valign="top" width="769" height="1" bgcolor="#FFFFFF" style="background: url(tyyli/line_vaaka.gif);"></TD></TR><TR><TD align="right" valign="middle" width="769" height="40" bgcolor="#003C51" class="copyright">Copyright © 2002-2013 Tekijät ja <a href="http://www.harhaa.com">Harhaa.com</a></TD></TR></TABLE></TD><TD align="left" valign="top" width="1" style="background: url(tyyli/line_pysty.gif);"><img src="tyyli/empty.gif" alt=""></TD></TR></TABLE>
</BODY></HTML>