Quiz Maker 2 Script

1. Quiz Head Script

The quiz Javascript on this page processes multiple choice quizes having four possible answers to each question one of which is obviously the correct answer and the other three being wrong. You can have as many questions in the quiz as you require since with this version of the script you will be creating separate pages for each question. Unlike the one page version of the quiz maker script, this version does not provide a complete solution but instead provides the mechanism for displaying a quiz question while concealing which is the correct answer leaving the webmaster to decide how the questions should be linked together. Since the questions are handled separately there is also no mechanism for keeping score.

Although quizes are just for fun, it spoils the fun somewhat if it is possible to cheat. You will notice when you generate your quiz questions using the quiz maker that there is no single field identifying the correct answer that people will see if they view your page source. Instead there are two apparently random numbers that the script is able to use to work out the right answer when marking each question.

The first step in using this script is to obtain the Quiz Javascript and attach it into the head of your page. To do this 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 quizhead.js.

// Quiz Javascript // copyright 13th November 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 checkAnswer(a,b,g,c,w) { var x = (b%5) + 2; var b = (g%x); if (a == b) top.location = c; else top.location = w; } function displayQA(f) { var parm = f[1]+','+f[0]+',\''+f[7]+'\',\''+f[8]+'\''; document.write('<table align="center" width="350" border="0"><tr><td>'); document.write('<div style="font-size:14px;">Question: '+f[2]+'</div><blockquote><span style="font-size:12px;">\n'); document.write('<a href="#" onclick="checkAnswer(0,'+parm+');return false;" />'+f[3]+'<\/a><br />\n'); document.write('<a href="#" onclick="checkAnswer(1,'+parm+');return false;" />'+f[4]+'<\/a><br />\n'); if (f[5] != '') document.write('<a href="#" onclick="checkAnswer(2,'+parm+');return false;" />'+f[5]+'<\/a><br />\n'); if (f[6] != '') document.write('<a href="#" onclick="checkAnswer(3,'+parm+');return false;" />'+f[6]+'<\/a><\/span><\/blockquote>\n'); document.write('<\/td><\/tr><\/table>\n'); }

You then link this code into the head of your page using the following code:

The code contained in this script controls the display of the question and checking of answers. You now need to create a separate boby script for each question in your quiz.

Free JavaScript Newsletter!Sign Up