Categories
Downloads
Creating questions and answers forms for your web pages
<SCRIPT language="JavaScript"
type="text/javascript">
<!--
//
// Documentation:
// http://chami.com/tips/javascript/
//
function checkAnswer(quizForm,
theAnswer,
urlRight,
urlWrong)
{
var s = "?";
// go through the "current choices"
// to find the selected choice.
// radio boxes pointing to choices
// must be named "cc"
// change if necessary
//
var i = 0;
for(;i<quizForm.elements.length;i++)
{
if(("cc" ==
quizForm.elements[i].name) &&
(quizForm.elements[i].checked))
{
s = quizForm.elements[i].value;
}
}
// no choice was selected
//
if("?" == s)
{
alert("Please make a selection.");
return false;
}
// check if we have the correct
// choice selected
//
if(s == theAnswer)
{
alert("'"+s+"' is correct!");
if(urlRight)
{
document.location.href = urlRight;
}
}
else
{
alert("'"+s+"' is incorrect.");
if( urlWrong )
{
document.location.href = urlWrong;
}
}
// return "false" to indicate not to
// submit the form.
// change this to "true" if the form
// "action" is valid,
// i.e. points to a valid CGI script
//
return false;
}
//-->
</SCRIPT>
type="text/javascript">
<!--
//
// Documentation:
// http://chami.com/tips/javascript/
//
function checkAnswer(quizForm,
theAnswer,
urlRight,
urlWrong)
{
var s = "?";
// go through the "current choices"
// to find the selected choice.
// radio boxes pointing to choices
// must be named "cc"
// change if necessary
//
var i = 0;
for(;i<quizForm.elements.length;i++)
{
if(("cc" ==
quizForm.elements[i].name) &&
(quizForm.elements[i].checked))
{
s = quizForm.elements[i].value;
}
}
// no choice was selected
//
if("?" == s)
{
alert("Please make a selection.");
return false;
}
// check if we have the correct
// choice selected
//
if(s == theAnswer)
{
alert("'"+s+"' is correct!");
if(urlRight)
{
document.location.href = urlRight;
}
}
else
{
alert("'"+s+"' is incorrect.");
if( urlWrong )
{
document.location.href = urlWrong;
}
}
// return "false" to indicate not to
// submit the form.
// change this to "true" if the form
// "action" is valid,
// i.e. points to a valid CGI script
//
return false;
}
//-->
</SCRIPT>
Listing #1 : JavaScript code. Download chkanswr.htm (0.72 KB).
What is JavaScript?
<FORM method="POST"
onSubmit="return checkAnswer(this,'B');"
>
<INPUT TYPE="RADIO" VALUE="A" NAME="cc">
A. Another name for Java<BR>
<INPUT TYPE="RADIO" VALUE="B" NAME="cc">
B. A scripting language mostly for the web<BR>
<INPUT TYPE="RADIO" VALUE="C" NAME="cc">
C. When you use Java without compiling<BR>
<INPUT TYPE="SUBMIT" VALUE="Submit Answer">
</FORM>
<FORM method="POST"
onSubmit="return checkAnswer(this,'B');"
>
<INPUT TYPE="RADIO" VALUE="A" NAME="cc">
A. Another name for Java<BR>
<INPUT TYPE="RADIO" VALUE="B" NAME="cc">
B. A scripting language mostly for the web<BR>
<INPUT TYPE="RADIO" VALUE="C" NAME="cc">
C. When you use Java without compiling<BR>
<INPUT TYPE="SUBMIT" VALUE="Submit Answer">
</FORM>
Listing #2 : HTML code. Download quiz1.htm (0.37 KB).
| What is JavaScript? |
-
<INPUT TYPE="RADIO" VALUE="X" NAME="cc">
Custom answer text
-
<FORM method="POST"
onSubmit="return checkAnswer(this,'Y');"
>
What is JavaScript?
<FORM method="POST"
onSubmit=
"return checkAnswer(this, 'C',
'correct.htm', 'wrong.htm');"
>
<INPUT TYPE="RADIO" VALUE="A" NAME="cc">
Another name for Java<BR>
<INPUT TYPE="RADIO" VALUE="B" NAME="cc">
When you use Java without compiling<BR>
<INPUT TYPE="RADIO" VALUE="C" NAME="cc">
A scripting language mostly for the web<BR>
<INPUT TYPE="SUBMIT" VALUE="Submit Answer">
</FORM>
<FORM method="POST"
onSubmit=
"return checkAnswer(this, 'C',
'correct.htm', 'wrong.htm');"
>
<INPUT TYPE="RADIO" VALUE="A" NAME="cc">
Another name for Java<BR>
<INPUT TYPE="RADIO" VALUE="B" NAME="cc">
When you use Java without compiling<BR>
<INPUT TYPE="RADIO" VALUE="C" NAME="cc">
A scripting language mostly for the web<BR>
<INPUT TYPE="SUBMIT" VALUE="Submit Answer">
</FORM>
Listing #3 : HTML code. Download quiz2.htm (0.39 KB).
To share this: BlinkBits | BlinkList | Blogmarks | Co.mments | Connotea | Del.icio.us | Digg | Facebook | FrankIt | Furl | Ma.gnolia | Newsvine | Reddit | Yahoo
Applicable Keywords : HTML, Internet Explorer, Explorer 3.x, Explorer 4.x, Explorer 5.x, Internet, JavaScript, JavaScript 1.0, JavaScript 1.1, JavaScript 1.2, Netscape Navigator, Navigator 2.x, Navigator 3.x, Communicator 4.x, Netscape 6.x, World Wide Web
Previous Tip : Introduction to mailing lists
Random Tip : Windows programs heaven
Next Tip : What can you do when web robots are hammering your site
Random Tip : Windows programs heaven
Next Tip : What can you do when web robots are hammering your site