View Full Version : yes its these quizes again!


bubble_24
04-25-2003, 04:39 PM
iv used tutorials and iv looked theough past posts of these and have had no luck could some one please tell me why when i press 'click me' nothing happens.





<html>
<head>
<title>What colour are you?</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function process()
{
var OPTION1 = red;
var OPTION2 = orange;
var OPTION3 = yellow;
var OPTION4 = green;
var OPTION5 =blue;
var OPTION6 =violet;
var f = document.f;
var i = 0;

for (i = 0; i < f.one.length; i++) if (f.one[i].checked) value = f.one[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }

for (i = 0; i < f.two.length; i++) if (f.two[i].checked) value = f.two[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }

for (i = 0; i < f.three.length; i++) if (f.three[i].checked) value = f.three[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }

for (i = 0; i < f.four.length; i++) if (f.four[i].checked) value = f.four[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }

for (i = 0; i < f.five.length; i++) if (f.five[i].checked) value = f.five[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }


var out = "red ";
i = red ;
if (red > i) { out = "red "; i = red; }
if (orange > i) { out = "orange"; i = orange; }
if (yellow > i) { out = "yellow"; i = yellow; }
if (green > i) { out = "green"; i = green; }
if (blue > i) { out = "blue"; i = blue; }
if (violet > i) { out = "violet"; i = violet; }
location.href = out + ".html";
}
function err(msg, url, line)
{
location.href = "error.html";
}
//window.onerror = err;
// -->
</SCRIPT>
</head>
<STYLE type="text/css">
<!--A:link{color:hotpink; text-decoration:none;font-weight:normal}-->
<!--A:visited{color:hotpink;text-decoration:none;font-weight:normal}-->
<!--A:active{color:hotpink;text-decoration:none;;background-color:none;font-weight:normal}-->
<!--A:hover{color:white;text-decoration:none;background-color:hotpink;font-weight:normal}-->
<!--body {scrollbar-face-color:#ff1161;
scrollbar-shadow-color:#FF76B6;scrollbar-highlight-color:#DD006C;scrollbar-3dlight-color:#ff2367;scrollbar-darkshadow-color:#BB006A;scrollbar-track-color:#FF76b6;
scrollbar-arrow-color: ffffff;}-->
<!--BODY {
color:white;
font-size:8pt;
font-family:verdana;
background-image: url(YOUR BACKGROUND IMAGE HERE.gif/jpg);
background-attachment : fixed;
line-height: 15px;
}-->

</style>
<body bgcolor="#ffffff">
<center><br><br>
<img src="YOUR TOP IMAGE HERE.gif/jpg"><br><br>
</center></center>
<form name="f">
</font>
<font color="white"><b>What is your favourite colour?</b><br>
<input type="radio" name="one" value="1">Red <br>
<input type="radio" name="one" value="2">Orange <br>
<input type="radio" name="one" value="3">Yellow <br>
<input type="radio" name="one" value="4">Green <br>
<input type="radio" name="one" value="5">Blue <br>
<input type="radio" name="one" value="6">Violet <br>
<br><br>
</font>
<font color="white"><b>What color is your bed room? (to the nearest colour)</b><br>
<input type="radio" name="two" value="1">Red <br>
<input type="radio" name="two" value="2">Orange <br>
<input type="radio" name="two" value="3">Yellow <br>
<input type="radio" name="two" value="4">Green <br>
<input type="radio" name="one" value="5">Blue <br>
<input type="radio" name="one" value="6">Violet <br>

</font>
<br><br>
<font color="white"><b>If you losse some thing what do you do?</b><br>
<input type="radio" name="three" value="1">Get really mad and throw things <br>
<input type="radio" name="three" value="2">Get mad and blame it on other people <br>
<input type="radio" name="three" value="3">Try to look for it calmly but get stressed <br>
<input type="radio" name="three" value="4">Look for it calmly <br>
<input type="radio" name="three" value="5">Cry <br>
<input type="radio" name="three" value="6">Not really that bothered you know it will turn up eventually <br>
</font><br><br>

<font color="white"><b>What is youe favourite weather?</b><br>
<input type="radio" name="four" value="1">Hot and sunny <br>
<input type="radio" name="four" value="2">warm and sunny <br>
<input type="radio" name="four" value="3">Sunny but breezy <br>
<input type="radio" name="four" value="4">Cloudy <br>
<input type="radio" name="four" value="5">Rain <br>
<input type="radio" name="four" value="6">Snow <br>
</font>
<br><br>
<font color="white"><b>You have tryed this maths problem for 2 days and you still have no answer what do you do?</b><br>
<input type="radio" name="five" value="1">Screem!!!! <br>
<input type="radio" name="five" value="2">Trow it away <br>
<input type="radio" name="five" value="3">Only 2 days <br>
<input type="radio" name="five" value="4">Sulk <br>
<input type="radio" name="five" value="5"> keep working at it <br>
<input type="radio" name="five" value="6">leave it and go back to it later <br>
<br>
<input type="button" value=" Click me " onclick="process();" style="font-family:veranda; font-size=8pt; border:1; border-color:electricblue; border-style:solid; background-color:white"><br><br><br>

</body>
</html>


</select></form>

MaGiCSuN
04-25-2003, 07:20 PM
try this out, you had changed some things in the wrong order, like the first part in the head, you had to change OPTION and not the 0 number :) I also fixed your CSS, because it was between the </head> and <body> where it doesn't belong. Also make sure you set something as your background (the bold parts) because the text is now white and so is the background

<html>
<head>
<title>What colour are you?</title>
<STYLE type="text/css">
<!--
A:link{color:hotpink; text-decoration:none;font-weight:normal}
A:visited{color:hotpink;text-decoration:none;font-weight:normal}
A:active{color:hotpink;text-decoration:none;background-color:none;font-weight:normal}
A:hover{color:white;text-decoration:none;background-color:hotpink;font-weight:normal}
BODY { color:white; font-size:8pt; font-family:verdana; background-image: url(YOUR BACKGROUND IMAGE HERE.gif/jpg); background-attachment : fixed; line-height: 15px; scrollbar-face-color:#ff1161;
scrollbar-shadow-color:#FF76B6;scrollbar-highlight-color:#DD006C;scrollbar-3dlight-color:#ff2367;scrollbar-darkshadow-color:#BB006A;scrollbar-track-color:#FF76b6;
scrollbar-arrow-color: ffffff;}
-->

</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function process()
{
var red = 0;
var orange = 0;
var yellow = 0;
var green = 0;
var blue = 0;
var violet = 0;
var f = document.f;
var i = 0;

for (i = 0; i < f.one.length; i++) if (f.one[i].checked) value = f.one[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }

for (i = 0; i < f.two.length; i++) if (f.two[i].checked) value = f.two[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }

for (i = 0; i < f.three.length; i++) if (f.three[i].checked) value = f.three[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }

for (i = 0; i < f.four.length; i++) if (f.four[i].checked) value = f.four[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }

for (i = 0; i < f.five.length; i++) if (f.five[i].checked) value = f.five[i].value;
if (value == "1") { red++; }
if (value == "2") { orange++; }
if (value == "3") { yellow++; }
if (value == "4") { green++; }
if (value == "5") { blue++; }
if (value == "6") { violet++; }


var out = "red";
i = red;
if (red > i) { out = "red"; i = red; }
if (orange > i) { out = "orange"; i = orange; }
if (yellow > i) { out = "yellow"; i = yellow; }
if (green > i) { out = "green"; i = green; }
if (blue > i) { out = "blue"; i = blue; }
if (violet > i) { out = "violet"; i = violet; }
location.href = out + ".html";
}
function err(msg, url, line)
{
location.href = "error.html";
}
//window.onerror = err;
// -->
</SCRIPT>
</head>
<body bgcolor="#ffffff">
<center><br><br>
<img src="YOUR TOP IMAGE HERE.gif/jpg"><br><br>
</center>
<form name="f">

<font color="white"><b>What is your favourite colour?</b> <br />
<input type="radio" name="one" value="1">Red <br />
<input type="radio" name="one" value="2">Orange <br />
<input type="radio" name="one" value="3">Yellow <br />
<input type="radio" name="one" value="4">Green <br />
<input type="radio" name="one" value="5">Blue <br />
<input type="radio" name="one" value="6">Violet <br />
<p>
</font>
<font color="white"><b>What color is your bed room? (to the nearest colour)</b> <br />
<input type="radio" name="two" value="1">Red <br />
<input type="radio" name="two" value="2">Orange <br />
<input type="radio" name="two" value="3">Yellow <br />
<input type="radio" name="two" value="4">Green <br />
<input type="radio" name="two" value="5">Blue <br />
<input type="radio" name="two" value="6">Violet <br />

</font>
<p>
<font color="white"><b>If you losse some thing what do you do?</b> <br />
<input type="radio" name="three" value="1">Get really mad and throw things <br />
<input type="radio" name="three" value="2">Get mad and blame it on other people <br />
<input type="radio" name="three" value="3">Try to look for it calmly but get stressed <br />
<input type="radio" name="three" value="4">Look for it calmly <br />
<input type="radio" name="three" value="5">Cry <br />
<input type="radio" name="three" value="6">Not really that bothered you know it will turn up eventually <br />
</font><p>

<font color="white"><b>What is youe favourite weather?</b> <br />
<input type="radio" name="four" value="1">Hot and sunny <br />
<input type="radio" name="four" value="2">warm and sunny <br />
<input type="radio" name="four" value="3">Sunny but breezy <br />
<input type="radio" name="four" value="4">Cloudy <br />
<input type="radio" name="four" value="5">Rain <br />
<input type="radio" name="four" value="6">Snow <br />
</font>
<p>
<font color="white"><b>You have tryed this maths problem for 2 days and you still have no answer what do you do?</b> <br />
<input type="radio" name="five" value="1">Screem!!!! <br />
<input type="radio" name="five" value="2">Trow it away <br />
<input type="radio" name="five" value="3">Only 2 days <br />
<input type="radio" name="five" value="4">Sulk <br />
<input type="radio" name="five" value="5"> keep working at it <br />
<input type="radio" name="five" value="6">leave it and go back to it later <p>
<input type="button" value="Click me" onclick="process();" style="font-family:verdana; font-size=8pt; border:1; border-color:electricblue; border-style:solid; background-color:white"></form>

</body>
</html>

bubble_24
04-25-2003, 09:10 PM
thanx it works now :)