mplutodh1
05-16-2003, 12:58 AM
I need to get this script to work, I need the race car to drive around in an oval within the document.window. I need 3 buttons, each one making the car go at a different speed. I also need a button to stop the animation. Please help.
<HTML>
<HEAD>
<TITLE>Racetrack</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
var position = 0;
var go;
horizontal = new Array(16);
vertical = new Array(16);
// horizontal position
horizontal[0] = 350;
horizontal[1] = 455;
horizontal[2] = 570;
horizontal[3] = 650;
horizontal[4] = 675;
horizontal[5] = 650;
horizontal[6] = 570;
horizontal[7] = 455;
horizontal[8] = 350;
horizontal[9] = 235;
horizontal[10] = 130;
horizontal[11] = 45;
horizontal[12] = 15;
horizontal[13] = 45;
horizontal[14] = 130;
horizontal[15] = 235;
//vertical position
vertical[0] = 30;
vertical[1] = 45;
vertical[2] = 75;
vertical[3] = 130;
vertical[4] = 200;
vertical[5] = 265;
vertical[6] =
vertical[7] = 355;
vertical[8] = 365;
vertical[9] = 355;
vertical[10] = 320;
vertical[11] = 265;
vertical[12] = 200;
vertical[13] = 130;
vertical[14] = 75;
vertical[15] = 45;
function drive() {
//THIS IS WHERE I GET MESSED UP AND NEED HELP.....
// .... document.all.racecar.style.left = ???
// .... document.all.racecar.style.top = ???
++position;
if (position == 16)
position = 0;
}
function startDriving(speed) {
clearInterval(go);
go = setInterval("drive()",speed);
}
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->
</SCRIPT>
</HEAD>
<BODY>
<hr>
Create the form here!
<!-- Create the form here! -->
<hr>
<SPAN ID="racecar" STYLE="position:absolute; left:350; top:30">
<IMG SRC="racecar.gif" HEIGHT=33 WIDTH=100>
</SPAN>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Racetrack</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
var position = 0;
var go;
horizontal = new Array(16);
vertical = new Array(16);
// horizontal position
horizontal[0] = 350;
horizontal[1] = 455;
horizontal[2] = 570;
horizontal[3] = 650;
horizontal[4] = 675;
horizontal[5] = 650;
horizontal[6] = 570;
horizontal[7] = 455;
horizontal[8] = 350;
horizontal[9] = 235;
horizontal[10] = 130;
horizontal[11] = 45;
horizontal[12] = 15;
horizontal[13] = 45;
horizontal[14] = 130;
horizontal[15] = 235;
//vertical position
vertical[0] = 30;
vertical[1] = 45;
vertical[2] = 75;
vertical[3] = 130;
vertical[4] = 200;
vertical[5] = 265;
vertical[6] =
vertical[7] = 355;
vertical[8] = 365;
vertical[9] = 355;
vertical[10] = 320;
vertical[11] = 265;
vertical[12] = 200;
vertical[13] = 130;
vertical[14] = 75;
vertical[15] = 45;
function drive() {
//THIS IS WHERE I GET MESSED UP AND NEED HELP.....
// .... document.all.racecar.style.left = ???
// .... document.all.racecar.style.top = ???
++position;
if (position == 16)
position = 0;
}
function startDriving(speed) {
clearInterval(go);
go = setInterval("drive()",speed);
}
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->
</SCRIPT>
</HEAD>
<BODY>
<hr>
Create the form here!
<!-- Create the form here! -->
<hr>
<SPAN ID="racecar" STYLE="position:absolute; left:350; top:30">
<IMG SRC="racecar.gif" HEIGHT=33 WIDTH=100>
</SPAN>
</BODY>
</HTML>