No luck with this Online Quiz - Long

BrokenPages

The java will not run. Please Help a newbie.

bNoBlanks = checkForBlanks(bNoBlanks);

if (bNoBlanks == true)
{

//Calculate Totals
nAvalues = calculatenAvalues(nAvalues);
nBvalues = calculatenBvalues(nBvalues);

//Go to results page with values.
document.Form1.submit();
}

}

function GoToResults() {

for (var i=0; i< (GoToResults.arguments.length - 1); i+=2) //with arg pairs
eval(GoToResults.arguments+".location='"+GoToResults.arguments[i+1]+"'");
//document.MM_returnValue = false;
}

function checkForBlanks(bNoBlanks)
{
if (document.Form1.radio1a.checked == false && document.Form1.radio1b.checked == false)
{echo("Please answer question 1.");}
else if (document.Form1.radio2a.checked == false && document.Form1.radio2b.checked == false)
{echo("Please answer question 2.");}
else if (document.Form1.radio3a.checked == false && document.Form1.radio3b.checked == false)
{echo("Please answer question 3.");}
else if (1==1)
{bNoBlanks = true;}

return bNoBlanks;

}

function calculatenAvalues(nAvalues)
{

if (document.Form1.radio1a.checked == true){nAvalues++;}
if (document.Form1.radio2a.checked == true){nAvalues++;}
if (document.Form1.radio3a.checked == true){nAvalues++;}

return nAvalues;

}
function calculatenBvalues(nBvalues)
{
if (document.Form1.radio1b.checked == true){nBvalues++;}
if (document.Form1.radio2b.checked == true){nBvalues++;}
if (document.Form1.radio3b.checked == true){nBvalues++;}

return nBvalues;

}

</script>

<BODY bgcolor=MistyRose>
<FORM action=results.php name=Form1 method=post>
<center><b><font size=5>This is a Form</b></font></center><br>
<br>
<TABLE WIDTH=80% BGCOLOR=LightPink BORDERCOLOR=Red border=1 CELLSPACING=0 CELLPADDING=0 align=center>
<TR>
<TD ALIGN=middle>1)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD align=absmiddle>A: I like 1a.</TD>
<TD align=right>A:<INPUT type="radio" id=radio1a name=document.Form1.radio1></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 1b.</TD>
<TD align=right>B:<INPUT type="radio" id=radio1b name=document.Form1.radio1></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>2)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 2a.</TD>
<TD align=right>A:<INPUT type="radio" id=radio2a name=document.Form1.radio2></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 2b.</TD>
<TD align=right>B:<INPUT type="radio" id=radio2b name=document.Form1.radio2></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>3)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 3a.</TD>
<TD align=right>A:<INPUT type="radio" id=radio3a name=document.Form1.radio3></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 3b.</TD>
<TD align=right>B:<INPUT type="radio" id=radio3b name=document.Form1.radio3></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<br>
<CENTER>Click here to submit your answers: <input type="button" name="Submit" value="Submit" onClick="SubmitAnswers()"></center>
</FORM>
</BODY>
</HTML>

YappyDog

Change the naming of your input type=radio items.

It should be like:

Get rid of the "document.Form1." and add the letter "a" or"b" to the name.

BrokenPages

Thanks for the reply.

I removed the "document.form1" but it still doesn't do my javascript checks. Also, the radio buttons are not mutually exclusive now since the names are different. What can I do?

Here is the new code:

bNoBlanks = checkForBlanks(bNoBlanks);

if (bNoBlanks == true)
{

//Calculate Totals
nAvalues = calculatenAvalues(nAvalues);
nBvalues = calculatenBvalues(nBvalues);

//Go to results page with values.
document.Form1.submit();
}

}

function GoToResults() {

for (var i=0; i< (GoToResults.arguments.length - 1); i+=2) //with arg pairs
eval(GoToResults.arguments+".location='"+GoToResults.arguments[i+1]+"'");
//document.MM_returnValue = false;
}

function checkForBlanks(bNoBlanks)
{
if (radio1a.checked == false && radio1b.checked == false)
{echo("Please answer question 1.");}
else if (radio2a.checked == false && radio2b.checked == false)
{echo("Please answer question 2.");}
else if (radio3a.checked == false && radio3b.checked == false)
{echo("Please answer question 3.");}
else if (1==1)
{bNoBlanks = true;}

return bNoBlanks;

}

function calculatenAvalues(nAvalues)
{

if (radio1a.checked == true){nAvalues++;}
if (radio2a.checked == true){nAvalues++;}
if (radio3a.checked == true){nAvalues++;}

return nAvalues;

}
function calculatenBvalues(nBvalues)
{
if (radio1b.checked == true){nBvalues++;}
if (radio2b.checked == true){nBvalues++;}
if (radio3b.checked == true){nBvalues++;}

return nBvalues;

}

</script>

<BODY bgcolor=MistyRose>
<FORM action=results.php name=Form1 method=post>
<center><b><font size=5>This is a Form</b></font></center><br>
<br>
<TABLE WIDTH=80% BGCOLOR=LightPink BORDERCOLOR=Red border=1 CELLSPACING=0 CELLPADDING=0 align=center>
<TR>
<TD ALIGN=middle>1)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD align=absmiddle>A: I like 1a.</TD>
<TD align=right>A:<INPUT type="radio" id=radio1a name=radio1a></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 1b.</TD>
<TD align=right>B:<INPUT type="radio" id=radio1b name=radio1b></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>2)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 2a.</TD>
<TD align=right>A:<INPUT type="radio" id=radio2a name=radio2a></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 2b.</TD>
<TD align=right>B:<INPUT type="radio" id=radio2b name=radio2b></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>3)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 3a.</TD>
<TD align=right>A:<INPUT type="radio" id=radio3a name=radio3a></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 3b.</TD>
<TD align=right>B:<INPUT type="radio" id=radio3b name=radio3b></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<br>
<CENTER>Click here to submit your answers: <input type="button" name="Submit" value="Submit" onClick="SubmitAnswers()"></center>
</FORM>
</BODY>
</HTML>

YappyDog

You're right about the names, my mistake. It looks like you just need to assign each radio a value like:

  <input type="radio" name="Question" value="Yes">Yes
  <input type="radio" name="Question" value="No">No
  <input type="radio" name="Question" value="Maybe">Maybe

Then you can check for

document.Form1.Question == "Yes"

BrokenPages

Thanks again for the help -

We're getting there!!! But it still doesn't do any javascripting. It just goes to results.php.

It should check that all the questions have been answered.

Here is round 3:

bNoBlanks = checkForBlanks(bNoBlanks);

if (bNoBlanks == true)
{

//Calculate Totals
nAvalues = calculatenAvalues(nAvalues);
nBvalues = calculatenBvalues(nBvalues);

//Go to results page with values.
document.Form1.submit();
}

}

return bNoBlanks;

}

function calculatenAvalues(nAvalues)
{

if (document.Form1.radio1 =="A"){nAvalues++;}
if (document.Form1.radio2 =="A"){nAvalues++;}
if (document.Form1.radio3 =="A"){nAvalues++;}

return nAvalues;

}
function calculatenBvalues(nBvalues)
{
if (document.Form1.radio1 =="B"){nBvalues++;}
if (document.Form1.radio2 =="B"){nBvalues++;}
if (document.Form1.radio3 =="B"){nBvalues++;}

return nBvalues;

}

</script>

<BODY bgcolor=MistyRose>
<FORM action=results.php name=Form1 method=post>
<center><b><font size=5>This is a Form</b></font></center><br>
<br>
<TABLE WIDTH=80% BGCOLOR=LightPink BORDERCOLOR=Red border=1 CELLSPACING=0 CELLPADDING=0 align=center>
<TR>
<TD ALIGN=middle>1)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD align=absmiddle>A: I like 1a.</TD>
<TD align=right>A:<INPUT type="radio" name="radio1" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 1b.</TD>
<TD align=right>B:<INPUT type="radio" name="radio1" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>2)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 2a.</TD>
<TD align=right>A:<INPUT type="radio" name="radio2" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 2b.</TD>
<TD align=right>B:<INPUT type="radio" name="radio2" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>3)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 3a.</TD>
<TD align=right>A:<INPUT type="radio" name="radio3" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 3b.</TD>
<TD align=right>B:<INPUT type="radio" name="radio3" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<br>
<CENTER>Click here to submit your answers: <input type="button" name="Submit" value="Submit" onClick="SubmitAnswers()"></center>
</FORM>
</BODY>
</HTML>

YappyDog

Looks like the problem is in the checkForBlanks function. Your logic checks to see if a radio is equal to both A and B (can't happen). It should be checking to see if it is NOT equal to A and NOT equal to B.

BrokenPages

I made those changes and added ".value" to some fields. Don't give up on me yet!! Thanks

here is the code as it stands:

bNoBlanks = checkForBlanks(bNoBlanks);

if (bNoBlanks == true)
{

//Calculate Totals
nAvalues = calculatenAvalues(nAvalues);
nBvalues = calculatenBvalues(nBvalues);

//Go to results page with values.
document.Form1.submit();
}

}

return bNoBlanks;

}

function calculatenAvalues(nAvalues)
{

if (document.Form1.radio1.value =="A"){nAvalues++;}
if (document.Form1.radio2.value =="A"){nAvalues++;}
if (document.Form1.radio3.value =="A"){nAvalues++;}

return nAvalues;

}
function calculatenBvalues(nBvalues)
{
if (document.Form1.radio1.value =="B"){nBvalues++;}
if (document.Form1.radio2.value =="B"){nBvalues++;}
if (document.Form1.radio3.value =="B"){nBvalues++;}

return nBvalues;

}

</script>

<BODY bgcolor=MistyRose>
<FORM action=results.php name=Form1 method=post>
<center><b><font size=5>This is a Form</b></font></center><br>
<br>
<TABLE WIDTH=80% BGCOLOR=LightPink BORDERCOLOR=Red border=1 CELLSPACING=0 CELLPADDING=0 align=center>
<TR>
<TD ALIGN=middle>1)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD align=absmiddle>A: I like 1a.</TD>
<TD align=right>A:<INPUT type="radio" name="radio1" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 1b.</TD>
<TD align=right>B:<INPUT type="radio" name="radio1" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>2)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 2a.</TD>
<TD align=right>A:<INPUT type="radio" name="radio2" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 2b.</TD>
<TD align=right>B:<INPUT type="radio" name="radio2" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>3)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 3a.</TD>
<TD align=right>A:<INPUT type="radio" name="radio3" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 3b.</TD>
<TD align=right>B:<INPUT type="radio" name="radio3" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<br>
<CENTER>Click here to submit your answers: <input type="button" name="Submit" value="Submit" onClick="SubmitAnswers()"></center>
</FORM>
</BODY>
</HTML>

tsinka

Hi,

the function that checks the radio buttons:

function checkForBlanks(bNoBlanks)
{

if (!document.Form1.radio1[0].checked && !document.Form1.radio1[1].checked)
{alert("Please answer question 1.");}
else if (!document.Form1.radio2[0].checked && !document.Form1.radio2[1].checked)
{alert("Please answer question 2.");}
else if (!document.Form1.radio3[0].checked && !document.Form1.radio3[1].checked)
{alert("Please answer question 3.");}
else if (1==1)
{bNoBlanks = true;}

return bNoBlanks;
}

The value is ever set. You need to use the checked property of the radio buttons to see if it has been selected. You get a radio button of a button group by it's index.

BrokenPages

Thanks, everything is workiing great. Last question.

Now that I have checked for blanks and counted the responses, I want to pass "nAvalues" and "nBvalues" on to the results page.

How can I do that? They are not submitted in the form.

bNoBlanks = checkForBlanks(bNoBlanks);

if (bNoBlanks == true)
{

//Calculate Totals
nAvalues = calculatenAvalues(nAvalues);
nBvalues = calculatenBvalues(nBvalues);

//Go to results page with values.
document.Form1.submit();
}

}

return bNoBlanks;

}

function calculatenAvalues(nAvalues)
{

if (document.Form1.radio1[0].checked == true){nAvalues++;}
if (document.Form1.radio2[0].checked == true){nAvalues++;}
if (document.Form1.radio3[0].checked == true){nAvalues++;}

return nAvalues;

}
function calculatenBvalues(nBvalues)
{
if (document.Form1.radio1[1].checked == true){nBvalues++;}
if (document.Form1.radio2[1].checked == true){nBvalues++;}
if (document.Form1.radio3[1].checked == true){nBvalues++;}

return nBvalues;

}

</script>

<BODY bgcolor=MistyRose>
<FORM action=results.php name=Form1 method=post>
<center><b><font size=5>This is a Form</b></font></center><br>
<br>
<TABLE WIDTH=80% BGCOLOR=LightPink BORDERCOLOR=Red border=1 CELLSPACING=0 CELLPADDING=0 align=center>
<TR>
<TD ALIGN=middle>1)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD align=absmiddle>A: I like 1a.</TD>
<TD align=right>A:<INPUT type="radio" id="radio1" name="radio1" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 1b.</TD>
<TD align=right>B:<INPUT type="radio" id="radio1" name="radio1" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>2)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 2a.</TD>
<TD align=right>A:<INPUT type="radio" name="radio2" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 2b.</TD>
<TD align=right>B:<INPUT type="radio" name="radio2" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN=middle>3)</TD>
<TD ALIGN=left>
<TABLE WIDTH=100% border=0 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD ALIGN=absmiddle>A: I like 3a.</TD>
<TD align=right>A:<INPUT type="radio" name="radio3" value="A"></TD>
</TR>
<TR>
<TD ALIGN=absmiddle>B: I like 3b.</TD>
<TD align=right>B:<INPUT type="radio" name="radio3" value="B"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<br>
<CENTER>Click here to submit your answers: <input type="button" name="Submit" value="Submit" onClick="SubmitAnswers()"></center>
</FORM>
</BODY>
</HTML>

YappyDog

Since your form uses the POST method, I would say create two hidden fields in your form, and then fill them with the "nAvalues" and "nBvalues" counts you create before you submit your form.

BrokenPages

Ok, so if I assign it like this (if this is right):

function SubmitAnswers()
{

//initialize values
var nAvalues = 0;
var nBvalues = 0;
var bNoBlanks = false;

bNoBlanks = checkForBlanks(bNoBlanks);

if (bNoBlanks == true)
{

//Calculate Totals
nAvalues = calculatenAvalues(nAvalues);
nBvalues = calculatenBvalues(nBvalues);

//Go to results page with values.
document.Form1.submit();
}

}

Then how do I retrieve it on the next page?

YappyDog

My javascript is a little rusty here, so bear with me........

You need to put you hidden fields in the form. Like:

rest of your form fields

</form>

Then, you need to:

//Calculate Totals
nAvalues = calculatenAvalues(nAvalues);
nBvalues = calculatenBvalues(nBvalues);

// Set hidden fields (syntax may be off)
document.Form1.hiddennAvalues.value = nAvalues;
document.Form1.hiddennBvalues.value = nBvalues;

// Submit form
document.Form1.submit();

On the next page, your values should be available at:
$POST["hiddennAvalues"];
$POST["hiddennBvalues"];

BrokenPages

Thank you, you are a genius!