Web Design-Java Scripts

Tic Tac Toe	<SCRIPT LANGUAGE="LiveScript"> <!-- This Script Created by Chris Englmeier: http://www.geocities.com/SiliconValley/Heights/2052/ --> <!-- For this and 100s of other Free Javascripts, check out: --> <!-- Free-Javascripts.com @ http://www.free-javascripts.com/ --> <!-- step = 0; diff=3; // change board when button is clicked function clear_all(form) { step = 0; for (i=0;i<9; ++i) { position="a"+i; form[position].value=""; } } // change board when button is clicked function clickit(field) { if (step == -1) {alert("Reset to play again"); return;} position=field.name.substring(1,2,1); position = 'a'+position; if (field.form[position].value !="") {alert("Can't go there"); return;} field.form[position].value="X"; if (eval_pos(field.form)) { field.form.output.value="You Win!"; step = -1; return; } position=get_move(field.form); field.form.output.value='I moved to ' + position.substring(1,2,1); if (position=="") { field.form.output.value="No Winner."; step = -1; return; } field.form[position].value="O"; if (eval_pos(field.form)) { field.form.output.value="You Lose!"; step = -1; } } // see if there is a winner function eval_pos(form) { if ((form.a0.value!="" && form.a0.value==form.a3.value && form.a0.value==form.a6.value)\|\| (form.a0.value!="" && form.a0.value==form.a1.value && form.a0.value==form.a2.value) \|\| (form.a0.value!="" && form.a0.value==form.a4.value && form.a0.value==form.a8.value) \|\| (form.a1.value!="" && form.a1.value==form.a4.value && form.a1.value==form.a7.value) \|\| (form.a2.value!="" && form.a2.value==form.a5.value && form.a2.value==form.a8.value) \|\| (form.a2.value!="" && form.a2.value==form.a4.value && form.a2.value==form.a6.value) \|\| (form.a3.value!="" && form.a3.value==form.a4.value && form.a3.value==form.a5.value) \|\| (form.a6.value!="" && form.a6.value==form.a7.value && form.a6.value==form.a8.value)) return true; else return false; } function f(a) { if (a == "") return "."; else return a; } // get position for move. function comp_move(form,player,weight,depth) { var cost; var bestcost=-2; var position; var newplayer; if (player=="X") newplayer="O"; else newplayer="X"; if (depth==diff) return 0; if (eval_pos(form)) return 1; for (var i=0; i<9; ++i) { position='a'+i; if (form[position].value != "") continue; form[position].value=player; cost = comp_move(form,newplayer, -weight, depth+1); if (cost > bestcost) { bestcost=cost; if (cost==1) i=9; } form[position].value=""; } if (bestcost==-2) bestcost=0; return(-bestcost); } // get position for move. function get_move(form) { var cost; var bestcost=-2; bestmove=""; // don't think about first move. if (step++ == 0) if (form.a4.value=="") return "a4"; else if (form.a0.value=="") return "a0"; for (var i=0; i<9; ++i) { localposition='a'+i; if (form[localposition].value != "") continue; form[localposition].value="O"; cost=comp_move(form,"X", -1, 0); if (cost > bestcost) { if (cost==1) i=9; bestmove=localposition; bestcost=cost; } form[localposition].value=""; } return bestmove; } // complain if user attempts to change board function complain(field) { field.form.output.focus(); // put focus eleswhere alert("Don't change the game fields directly!"); } //a href="http://www.ucsd.edu/ // the end --> </SCRIPT> <FORM> <INPUT SIZE=1 NAME="a0" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b0" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a1" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b1" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a2" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b2" OnClick="clickit(this)"> <BR> <INPUT SIZE=1 NAME="a3" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b3" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a4" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b4" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a5" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b5" OnClick="clickit(this)"> <BR> <INPUT SIZE=1 NAME="a6" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b6" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a7" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b7" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a8" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b8" OnClick="clickit(this)"> <BR> <BR> <BR> Message: <INPUT NAME="output" TYPE="text"><BR> <BR> Difficulty: <SELECT NAME="difficulty" OnChange="diff=form.difficulty[form.difficulty.selectedIndex].value;"> <OPTION VALUE=1> Very Easy <OPTION VALUE=2> Easy <OPTION VALUE=3 SELECTED> Medium <OPTION VALUE=4> Hard (may think a long time) </SELECT> <BR><INPUT TYPE="button" VALUE="Computer Moves First" OnClick=" if (!step++) this.form.a4.value='O';"> <BR><INPUT TYPE="reset" VALUE="Restart" OnClick="clear_all(this.form)"> </FORM>
Display Details	<script language=javascript> <!-- This Script Created by Randy Bennett: http://home.thezone.net/~rbennett/utility/javahead.htm --> <!-- For this and 100s of other Free Javascripts, check out: --> <!-- Free-Javascripts.com @ http://www.free-javascripts.com/ --> <!--start var xy = navigator.appVersion; xz = xy.substring(0,4); document.write("<br><center><table border=1 cellpadding=2><tr><td>") document.write("<center><b>", navigator.appName,"</b>") document.write("</td></tr><tr><td>") document.write("<center><table border=1 cellpadding=2><tr><td>Code Name: </td><td><center><b>", navigator.appCodeName,"</td></tr>") document.write("<tr><td>Version: </td><td><center><b>",xz,"</td></tr>") document.write("<tr><td>Platform: </td><td><center><b>", navigator.platform,"</td></tr>") document.write("<tr><td>Plugins: </td><td><center><b>", navigator.plugins," </td></tr>") document.write("<tr><td>Java enabled: </td><td><center><b>") if (navigator.javaEnabled()) document.write("yes sir</td></tr>"); else document.write("not today</td></tr>") document.write("<tr><td>Screen Resolution: </td><td><center><b>",screen.width," x ",screen.height,"</td></tr>") document.write("</table></tr></td></table></center>") //--> </script>
Animated Link Box	<form name="take" > <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%"><select name="take2" size="5" style="width:200px"> <option value="http://www.java-scripts.net">Java-Scripts.net</option> <option value="http://www.wsabstract.com">Website Abstraction</option> <option selected value="http://www.dynamicdrive.com">Dynamic Drive</option> <option value="http://www.webmonkey.com">Webmonkey</option> <option value="http://www.freewarejava.com">Freewarejava.com</option> </select> <script> <!-- //Animated Link Box script- By Website Abstraction //(http://www.wsabstract.com) //Credit must stay intact for use //specify # of frames for animation (integer above 2) var setframes=6 /////no need to edit below here/////////// var selected=-1 var switchit=-1 var cycle=0 function animate_go(){ if (cycle>=setframes){ document.take.take2.selectedIndex =selected window.location=document.take.take2.options[document.take.take2.selectedIndex].value return } switchit=(switchit==-1)? selected : -1 document.take.take2.selectedIndex =switchit cycle++ setTimeout("animate_go()",100) } //--> </script> </td> </tr> <tr> <td width="100%"><div align="center"><p><input type="button" value="Go there>>" name="B1" onClick="selected=document.take.take2.selectedIndex;cycle=0;animate_go()"></div></td> </tr> </table> </form>
Raining Animation	<SCRIPT LANGUAGE="JavaScript"> /* Script by Matthew Musgrove (http://free.prohosting.com/~musgrove) For this script and more, visit http://java-scripts.net or http://wsabstract.com / <!-- Begin var no = 50; var speed = 1; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } } } function initRain() { a = 6; r[i] = 1; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() doc_width + 1; cy[i] = Math.random() * doc_height + 1; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1; cx[i] = Math.random() * doc_width + 1; cy[i] = 1; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) \|\| (x[i] >= (doc_width - 20)) \|\| (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", speed); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) \|\| (x[i] >= (doc_width - 20)) \|\| (y[i] >= (doc_height - 20))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all["dot"+i].style.pixelTop = y[i]; document.all["dot"+i].style.pixelLeft = x[i]; } setTimeout("raindropIE()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script>

Website Templates >