Quiz Maker 1 Script

2. Alternate Body Script

With this version of the body script all questions are still displayed one after the other on the same page but instead of hiding and unhiding portions of the page, the entire page is reloaded with just the current question. This version of the script is compatible with more browsers (since it does not require stylesheet processing and the DOM to dynamically update the page) but requires that the page be reloaded for each question.

Query strings are used to pass the current question number and number of correct answers so far between one load of the page and the next. The number of correct answers is concealed so as to reduce the possibility of cheating.

All that you need to do to use this version of the script is to use the code below in place of the body code supplied earlier.

// Quiz Javascript // copyright 5th December 2004 - 22nd December 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 var qsParm = new Array(); function qs() {var query = window.location.search.substring(1); var parms = query.split('&'); for (var i=0; i<parms.length; i++) {var pos = parms[i].indexOf('='); if (pos > 0) {var key = parms[i].substring(0,pos); var val = parms[i].substring(pos+1); qsParm[key] = val;}}} qsParm['questnum'] = 0; qsParm['cor'] = 0; qs(); var questnum = qsParm['questnum']; var cor = qsParm['cor'];cor=cor%53; function checkAnswer(e,b,g){var a = -1; var x = (b%5) + 2; for (var i=0; i<e.c.length; i++) {if (e.c[i].checked) {a = i;}} if (a == -1) {alert("You must select an answer"); return false;} var b = (g%x); var f = quiz[questnum].split('~'); if (a == b) {cor++;} else {alert('Incorrect\nThe Correct Answer is '+f[b+3]);} var www = self.location.href.lastIndexOf('?'); var thispage = self.location.href; if (www != -1) thispage = self.location.href.substr(0,www); questnum++; var p = Math.floor((Math.random() * 8) + 2); var m = (p * 53) +cor; top.location = thispage + '?questnum='+ questnum +'&cor='+m; return false;} 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('<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>'); document.write('<div>You scored ' + cor + ' right answers out of ' + tblsz + '<\/div>\n');} document.write('<\/td><\/tr><\/table>\n');

This script is a direct substitution for the script that dynamically updates the same page but it reloads the page for each question instead. You install it the same way as for the other version and if at any time you change your mind as to how you want the script to work just substitute one version of the body script for the other. The only difference apart from reloading the page for each question is that the results are displayed directly on the page instead of being attached to a button.

Now that you have installed whichever version of the body script that you prefer, all that it is missing is an array of questions and answers to display for the quiz. You now need to create your own unique head script containing that array.