Magic 8 Ball

Here is the script for my magic 8 ball. Follow the directions to put it on your page, and do not touch any of the script. Click here to download the graphics in .zip format. It's about 16K. If anything does not work, email me.

Put this into the <HEAD> section of the document	<SCRIPT LANGUAGE="javascript"> <!--Begin 8 Ball v.4.0 //developed by Sebastian Carey //SebastianCarey@yahoo.com //4-10-00 //http://drop.to/thecrib img0 = new Image () img0.src = "blank.gif" img1 = new Image () img1.src = "1.gif" img2 = new Image () img2.src = "2.gif" img3 = new Image () img3.src = "3.gif" img4 = new Image () img4.src = "4.gif" img5 = new Image () img5.src = "5.gif" img6 = new Image () img6.src = "6.gif" img7 = new Image () img7.src = "7.gif" img8 = new Image () img8.src = "8.gif" img9 = new Image () img9.src = "9.gif" img10 = new Image () img10.src = "10.gif" img11 = new Image () img11.src = "11.gif" img12 = new Image () img12.src = "12.gif" img13 = new Image () img13.src = "13.gif" img14 = new Image () img14.src = "bottom.gif" img15 = new Image () img15.src = "left.gif" img16 = new Image () img16.src = "right.gif" img17 = new Image () img17.src = "top.gif" function check (checkit){ var checkit=document.eightball.question.value var index=checkit.indexOf("?"); if (index==-1) { alert("You Have Not Asked A Question."+ "\n" +"You May Have Made A Statement, But You Have Not Asked A Question."); resetit() chooseit() } else {ask()} } //Select the textbox for easier typing function chooseit (){ var textbox=document.eightball.question textbox.focus() textbox.select() } //reset the textbox function resetit (){ document.eightball.question.value="Ask Your Question Here" } //choose which picture is to be displayed function ask (){ var response=Math.round(Math.random()*11) if (response==0){ document.message.src="1.gif"} if (response==1){ document.message.src="2.gif"} if (response==2){ document.message.src="3.gif"} if (response==3){ document.message.src="4.gif"} if (response==4){ document.message.src="5.gif"} if (response==5){ document.message.src="6.gif"} if (response==6){ document.message.src="7.gif"} if (response==7){ document.message.src="8.gif"} if (response==8){ document.message.src="9.gif"} if (response==9){ document.message.src="10.gif"} if (response==10){ document.message.src="11.gif"} if (response==11){ document.message.src="12.gif"} resetit() chooseit() } //End 8 Ball--> </SCRIPT>
Put this into the <BODY> TAG of the document	onload="chooseit()"
Put this into the <BODY> of the document	<FORM NAME="eightball"> <P><CENTER><FONT SIZE="+3" FACE="Gadget">Magic 8 Ball<HR></FONT></CENTER></P> <P><CENTER><FONT FACE="Gadget">Ask it a yes or no question, then click the "Ask" button to get your response.</FONT></CENTER></P> <P><CENTER><TABLE WIDTH="197" BORDER="1" CELLSPACING="2" CELLPADDING="0" BGCOLOR="DARKRED"> <TR> <TD WIDTH="100%"> <P><CENTER><TABLE WIDTH="179" BORDER="0" CELLSPACING="0" CELLPADDING="0" BGCOLOR="DARKRED"> <TR> <TD COLSPAN="3"> <P><CENTER><IMG SRC="top.gif" WIDTH="144" HEIGHT="36" ALIGN="BOTTOM" BORDER="0"></CENTER></TD> </TR> <TR> <TD WIDTH="33%"> <P ALIGN=RIGHT><IMG SRC="left.gif" WIDTH="36" HEIGHT="72" ALIGN="BOTTOM" BORDER="0"></TD> <TD WIDTH="33%"><IMG SRC="blank.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" BORDER="0" NAME="message"></TD> <TD WIDTH="34%"><IMG SRC="right.gif" WIDTH="36" HEIGHT="72" ALIGN="BOTTOM" BORDER="0"></TD> </TR> <TR> <TD COLSPAN="3"> <P><CENTER><IMG SRC="bottom.gif" WIDTH="144" HEIGHT="36" ALIGN="BOTTOM" BORDER="0"></CENTER></TD> </TR> </TABLE></CENTER></TD> </TR> </TABLE></CENTER></P> <P><CENTER><INPUT TYPE="text" VALUE="Ask Your Question Here" NAME="question" SIZE="47"><INPUT TYPE="button" VALUE="Ask" onclick="check()"></CENTER> </FORM>