See More About:

Analysis Quiz

2. Quiz Body Script

The next step is to select the code from the text box below (there is a highlight all button beneath it to make this easier) and copy it into a file called quizbody.js.

// Analysis Quiz Javascript
// copyright 20th December 2004 - 13th May 2005, by Stephen Chapman
// permission to use this Javascript on your web page is granted
// provided that all of the code in this script (including these
// comments) is used without any alteration

function displayResult(cor) {
document.write('<div style="font-size:14px;"><b>You have completed the quiz.<\/b><\/div><blockquote><span style="font-size:12px;"> <br \/> <br \/> <br \/> <br \/><\/span><\/blockquote><div><a href="'+analPage+'?cor='+cor+'">Your result</a><\/div>');
}

function result(cor) {
var lo = 0, hi = 0;
for (var i=0;i < quiz.length;i++) {
var f = quiz[i].split('~');
lo += parseInt(f[7]); hi += parseInt(f[8]);
}
return Math.round((cor - lo) * 100 / (hi - lo));
}

var tblsz = quiz.length;
document.write('<table align="center" cellpadding="3" width="350" border="1"><tr>');
if (questnum < quiz.length) {
var f = quiz[questnum].split('~');
document.write('<td align="left"><form name="myForm"><div style="font-size:14px;">Question: '+f[2]+'</div><blockquote><span style="font-size:12px;">\n');
document.write('<input type="radio" name="c" value="0" /> '+f[3]+'<br />\n');
document.write('<input type="radio" name="c" value="1" /> '+f[4]+'<br />\n');
if (f[5] != '') document.write('<input type="radio" name="c" value="2" /> '+f[5]+'<br />\n');
if (f[6] != '') document.write('<input type="radio" name="c" value="3" /> '+f[6]+'<\/span><\/blockquote>\n');
document.write('<div align="right"><input type="button" value="Next Question" onclick="checkAnswer(myForm,'+f[1]+','+f[0]+');return false;" /><\/div><\/form>\n');
} else {
document.write('<td align="center">\n');
document.write('<form name="myForm">');
displayResult(result(cor));
document.write('<\/form>\n');}
document.write('<\/td><\/tr><\/table>\n');

You then link this code into the body of your page where you want the script to appear using the following code:

Now all that is left to do is to create your analysis page with an analysis of what the result means.

Quiz Head Script | Quiz Body Script | Analysis Page | Analysis Body

Stephen Chapman
JavaScript Guide

Sign up for my Newsletter

About.com Special Features

The Best Web Trends of the Decade

A look back at the best innovations, ideas and technologies over the last 10 years, More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

JavaScript

Analysis Quiz

2. Quiz Body Script

Join the Discussion

More of this Feature

Quizes

The Best Web Trends of the Decade

Family Tech Center