PDA

Click to See Complete Forum and Search --> : Can anyone help me? I need it desperately.....

faynic
04-15-2003, 07:49 AM
Hoped someone will be able to help me....

I got 1 mcq question with 5 choices for user to choose. In the 5 choices, user can only choose 2 choices.

Does any knows the javascript where when user finished clicking the 2 choices, it will stop user to click the 3rd, 4th and 5th choices?

is there a way? please help me with it cos i need it for my project tomorrow. Thanks for the great help........
Nevermore
04-15-2003, 07:59 AM
Checkboxes?
Nevermore
04-15-2003, 08:08 AM
This does what I think you want:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
<!--
x=0;
function check() {
x++;
if (x>1) {

if (!box1.checked) box1.disabled=true;
if (!box2.checked) box2.disabled=true;
if (!box3.checked) box3.disabled=true;
if (!box4.checked) box4.disabled=true;
if (!box5.checked) box5.disabled=true;
}
}
//-->
</script>
</head>

<body>

<input type="checkbox" name="box1" value="box1" onClick="check()"><br>
<input type="checkbox" name="box2" value="box2" onClick="check()"><br>
<input type="checkbox" name="box3" value="box3" onClick="check()"><br>
<input type="checkbox" name="box4" value="box4" onClick="check()"><br>
<input type="checkbox" name="box5" value="box5" onClick="check()"><br>

</body>
</html>
Nevermore
04-15-2003, 08:32 AM
This one will allow you to remove checks from boxes, and this will cause the boxes to be usable again. Pretty much infallible, i think.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
<!--
x=0;
y=0;
function check() {
x++;
if (x==2) {

if (!box1.checked) box1.disabled=true;
if (!box2.checked) box2.disabled=true;
if (!box3.checked) box3.disabled=true;
if (!box4.checked) box4.disabled=true;
if (!box5.checked) box5.disabled=true; }
if(x==3) {x=1;
box1.disabled=false;
box2.disabled=false;
box3.disabled=false;
box4.disabled=false;
box5.disabled=false;}
if (box1.disabled==true && box2.disabled==true && box3.disabled==true && box4.disabled==true && box5.disabled==true) {
box1.disabled=false;
box2.disabled=false;
box3.disabled=false;
box4.disabled=false;
box5.disabled=false;
}
}
//-->
</script>
</head>

<body>

<input type="checkbox" name="box1" value="box1" onClick="check()"><br>
<input type="checkbox" name="box2" value="box2" onClick="check()"><br>
<input type="checkbox" name="box3" value="box3" onClick="check()"><br>
<input type="checkbox" name="box4" value="box4" onClick="check()"><br>
<input type="checkbox" name="box5" value="box5" onClick="check()"><br>

</body>
</html>
faynic
04-15-2003, 08:40 AM
Really thanks for the help... but there keep prompting errors....

this is my codes:

<HTML>
<HEAD>
<TITLE>IT3715 Mini Project</TITLE>
<script type="text/javascript">
<!--
x=0;
function check() {
x++;
if (x>1) {

if (!box1.checked) box1.disabled=true;
if (!box2.checked) box2.disabled=true;
}
}
//-->
</script>
</HEAD>


<BODY BGCOLOR="BLACK">

<input type="checkbox" value="box1" name="box1" onClick="check()">

<input type="checkbox" value="box2" name="box2" onClick="check()">

</BODY>
</HTML>

it keep saying box1 is unidentified
khalidali63
04-15-2003, 09:00 AM
Well try this link out

http://68.145.35.86/skills/javascripts/CheckBoxesLimitUserSelection.html

Cheers

Khalid
faynic
04-15-2003, 09:27 AM
<HTML>
<HEAD>
<TITLE>IT3715 Mini Project</TITLE>
<script type="text/javascript">
<!--
x=0;
y=0;
function check() {
x++;
if (x==2) {

if (!check1.checked) check1.disabled=true;
if (!nocheck1.checked) nocheck1.disabled=true;
if (!check2.checked) check2.disabled=true;
if (!nocheck21.checked) nocheck21.disabled=true;
if (!nocheck2.checked) nocheck2.disabled=true; }
if(x==3) {x=1;
check1.disabled=false;
nocheck1.disabled=false;
check2.disabled=false;
nocheck21.disabled=false;
nocheck2.disabled=false;}
if (check1.disabled==true && nocheck1.disabled==true && check2.disabled==true && nocheck21.disabled==true && nocheck2.disabled==true) {
check1.disabled=false;
nocheck1.disabled=false;
check2.disabled=false;
nocheck21.disabled=false;
nocheck2.disabled=false;
}
}
//-->
</script>
</HEAD>


<BODY BGCOLOR="BLACK">

<form method=POST action="http://localhost:8080/002162Z/CheckAnswers.jsp">

<CENTER><B><H1><FONT COLOR="WHITE" SIZE="6">Development of an online quiz for IT3715</FONT></H1></B></CENTER>
<P ALIGN="CENTER"><B><A NAME="Go To Top"><FONT COLOR="WHITE" SIZE="4">SELF-ASSESSMENT MULTIPLE CHOICE QUESTIONS</FONT></A></B></P>
<P ALIGN="CENTER"><font color="#FFFFFF"><b>CHOOSE TWO ANSWERS</b></font></P>

<CENTER><TABLE>
<TR>
<TD><font color="#FFFF00" size="4"><b>1. What is Java?</b></TD></font>
</TR>
<TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="check1" name="check1" onClick="check()"> Java is a Platform</b></font></font></td>
</TR>
</TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="nocheck1" name="nocheck1" onClick="check()"> Java is Multi-Tasked</font></td>
</TR>
<TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="check2" name="check2" onClick="check()"> Java is Object-Oriented</font></td>
</TR>
<TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="nocheck21" name="nocheck21" onClick="check()"> Java is a Programmable Logic</font></td>
</TR>
<TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="nocheck2" name="nocheck2" onClick="check()"> Java is Multi-Dynamic</font></td>
</TR>
<tr><td><p align="center"><input type="Submit" value="Submit" name="B2"><input type="Reset" value="Reset" name="Reset"></td></tr>
</TABLE></CENTER>
</FORM>
</BODY>
</HTML>

the above is my code..... wats make this javascript not to work is the FORM ACTION. any solutions?
Nevermore
04-15-2003, 09:33 AM
This should do it - when you have added the form tag, that becomes part of the name of the element.

<HTML>
<HEAD>
<TITLE>IT3715 Mini Project</TITLE>
<script type="text/javascript">
<!--
x=0;
y=0;
function check() {
x++;
if (x==2) {

if (!form1.check1.checked) form1.check1.disabled=true;
if (!form1.nocheck1.checked) form1.nocheck1.disabled=true;
if (!form1.check2.checked) form1.check2.disabled=true;
if (!form1.nocheck21.checked) form1.nocheck21.disabled=true;
if (!form1.nocheck2.checked) form1.nocheck2.disabled=true; }
if(x==3) {x=1;
form1.check1.disabled=false;
form1.nocheck1.disabled=false;
form1.check2.disabled=false;
form1.nocheck21.disabled=false;
form1.nocheck2.disabled=false;}
if (form1.check1.disabled==true && form1.nocheck1.disabled==true && form1.check2.disabled==true && form1.nocheck21.disabled==true && form1.nocheck2.disabled==true) {
form1.check1.disabled=false;
form1.nocheck1.disabled=false;
form1.check2.disabled=false;
form1.nocheck21.disabled=false;
form1.nocheck2.disabled=false;
}
}
//-->
</script>
</HEAD>


<BODY BGCOLOR="BLACK">

<form method=POST action="http://localhost:8080/002162Z/CheckAnswers.jsp" name="form1">

<CENTER><B><H1><FONT COLOR="WHITE" SIZE="6">Development of an online quiz for IT3715</FONT></H1></B></CENTER>
<P ALIGN="CENTER"><B><A NAME="Go To Top"><FONT COLOR="WHITE" SIZE="4">SELF-ASSESSMENT MULTIPLE CHOICE QUESTIONS</FONT></A></B></P>
<P ALIGN="CENTER"><font color="#FFFFFF"><b>CHOOSE TWO ANSWERS</b></font></P>

<CENTER><TABLE>
<TR>
<TD><font color="#FFFF00" size="4"><b>1. What is Java?</b></TD></font>
</TR>
<TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="check1" name="check1" onClick="check()"> Java is a Platform</b></font></font></td>
</TR>
</TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="nocheck1" name="nocheck1" onClick="check()"> Java is Multi-Tasked</font></td>
</TR>
<TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="check2" name="check2" onClick="check()"> Java is Object-Oriented</font></td>
</TR>
<TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="nocheck21" name="nocheck21" onClick="check()"> Java is a Programmable Logic</font></td>
</TR>
<TR>
<TD><font color="#FFFFFF"><input type="checkbox" value="nocheck2" name="nocheck2" onClick="check()"> Java is Multi-Dynamic</font></td>
</TR>
<tr><td><p align="center"><input type="Submit" value="Submit" name="B2"><input type="Reset" value="Reset" name="Reset"></td></tr>
</TABLE></CENTER>
</FORM>
</BODY>
</HTML>
faynic
04-15-2003, 09:43 AM
the solutions worked already.... but if i got ten multiple questions, then it will be very very long....

can i put all the solutions into a javascrip.js file then in the main i put:

<script src="javascript.js">
</script>
Nevermore
04-15-2003, 09:46 AM
Yes, you can do it like that. Don't include script tags in the external file.