Ok, I do have Firefox, too (didn't though when I wrote up the pages) and I just tested and Firefox worked just fine. (Firefox 2.0.0.7)
Try this (I tested it in Firefox 2.0.0.14, Windows Internet Explorer 7.0, and Opera 9.0 for Windows):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Eysenck Personality Questionnaire – Revised (EPQ–R)</title>
[script type="text/javascript"]
var MAX_QUESTIONS = 98;
// The scales
var ext = 0;
var neur = 0;
var psych = 0;
var lie = 0;
function resetTally()
{
ext = 0;
neur = 0;
psych = 0;
lie = 0;
}
function tally(value)
{
if (value == "ext")
{
ext++;
}
else if (value == "neur")
{
neur++;
}
else if (value == "psych")
{
psych++;
}
else if (value == "lie")
{
lie++;
}
// Debug condition
else if (value != "true" && value != "false")
{
alert("Unexpected value: " + value);
}
}
function calculate()
{
var form = document.getElementById("mainForm").elements;
var i = 0;
var fail = false;
resetTally();
for (i = 0; i < MAX_QUESTIONS; i++)
{
var yesNode = document.getElementById("question" + i + ".true");
var noNode = document.getElementById("question" + i + ".false");
// Debug condition
if (yesNode == null || noNode == null)
{
alert("No Question " + (i + 1));
break;
}
if (yesNode.checked)
{
tally(yesNode.value);
}
else if (noNode.checked)
{
tally(noNode.value);
}
// Question validation
else
{
alert("You have not answered Question " + (i + 1) + "!");
yesNode.focus();
fail = true;
break;
}
}
if (!fail)
{
alert("Your scores:\n" +
"Extraversion: " + ext + "\n" +
"Neuroticism: " + neur + "\n" +
"Psychoticism: " + psych + "\n" +
"Lie Scale: " + lie
);
return true;
}
return false;
}
[/script]
</head>
<body>
<form action="#" id="mainForm">
<label for="yourName">Name/Pseudonym:</label>
<input type="text" id="yourName" name="yourName" />
<ol>
<li>
Do you have many different hobbies?
<br />
<input type="radio" name="question0" value="ext" id="question0.true" />
<label for="question0.true">Yes</label>
<input type="radio" name="question0" value="false" id="question0.false" />
<label for="question0.false">No</label>
</li>
<li>
Do you stop to think things over before doing anything?
<br />
<input type="radio" name="question1" value="true" id="question1.true" />
<label for="question1.true">Yes</label>
<input type="radio" name="question1" value="psych" id="question1.false" />
<label for="question1.false">No</label>
</li>
</ol>
<button type="submit" onclick="return calculate();">Submit</button>
</form>
</body>
</html>
tag to appear with its proper angle brackets, so substitute those for the square brackets.
09 May 2008, 9:23 pm
