JavaScript's Made Easy!

Js can add lots of neat tricks to your web pages, but remember these are not for e-mail signatures. Below you will find some of my favorite codes there is even a Tic Tac Toe game you can grab and take home with you! Need more JavaScript's then go to the JavaScript Source!! There are 1000's of neat codes there that is where i got all of mine a really terrific site and it is all cut & paste too!

This again is a very simple scroll. It keeps adding letters one by one across the status bar until the entire message is written out. Then, it quickly scrolls the entire to the left, until it is disappears from the status bar. Then the whole process starts again... Just look at the statusbar main page to see what I mean.

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>  <BODY onLoad="scrollIn()">

This script will scroll one letter at a time of your message until the entire message has been displayed! Very neat! Just look at the status bar below!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">     </SCRIPT> </HEAD>  <BODY onLoad="startScroller()">

If you would like to play a little music on your web site, this script will be perfect for you. However, in this example, no music will play - you just need to make the script reflect the midi's you would like to use.
Just reload any of my pages to see this code in action!

  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

Just enter your height and your weight, and JavaScript can use a formula created by the Panel on Energy, Obesity, and Body Weight Standards to figure out your Body Mass Index. This index classifies you into one of several categories, from underweight to desirable to obese.

Weight: lbs.

Height: Ft. In.

Body Mass Index

According to the Panel on Energy, Obesity, and Body Weight Standards published by American Journal of Clinical Nutrition, your category is:

  <HEAD> <SCRIPT LANGUAGE="JavaScript">     </script> </HEAD>  <BODY> <form name=bmi> <center> <table width=200 border=0> <tr> <td align=center><B>Weight:</b> <input type=text name=weight SIZE=3 maxlength=3> lbs.</td> </tr> <tr> <td align=center><B>Height:</b> <input type=text name=htf size=1 maxlength=1> Ft. <input type=text name=hti size=2 maxlength=2> In. </td> </tr> <tr> <td align=center> <input type=button value="Calculate BMI" onclick="calcBmi()"> <hr></td> </tr> <tr> <td><B>Body Mass Index</b> <input type=text name=answer size=3> </td> </tr> <tr> <td> According to the Panel on Energy, Obesity, and Body Weight Standards published by American Journal of Clinical Nutrition, your category is:<br> <input type=text name=comment size=25> </td> </tr> </table> </center> </form>

Don't just welcome your visitors anymore, JavaScript can write good morning, good evening, or good afternoon based on the time the page was loaded, according to the user's system clock. Neat! Good Morning , Good Evening Greeting! View in Action!

  <BODY> <SCRIPT LANGUAGE="JavaScript">      </script>

Rotates site messages in a pulldown menu every few seconds. A good way to conserve screen space and even allows the user to simply click the pulldown menu to view all the messages at once. Cool!

  <BODY>     <form name=menuform> <select size=1 name="msg"> <option>You can lead a horse to water but cannot make it drink. <option>Time flies like an arrow but fruit flies like a banana. <option>Call me anything you like but don't call me late for dinner. <option>I don't know what WW3 will be like but WW4 will be of sticks and stones. </select></form> <script language="javascript">  </script>

Uses OnMouseOver and OnMouseOut events with a series of images to create a fade effect. Recently re-written to be more efficient and cross-browser compatible with Netscape and Internet Explorer. Stunning! View in Action!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY> <center> <a href="http://javascriptsource.com" onmouseover="fade_in()" onmouseout="fade_out()"> <img src="http://javascript.internet.com/img/fading-rollover/icontop.gif" border=0><br> <img name="fade-pic" height=56 width=300 border=0 src="http://javascript.internet.com/img/fading-rollover/fade00.jpg"><br> <img src="http://javascript.internet.com/img/fading-rollover/iconbtm.gif" border=0><br></a> </center>

Try to eliminate all the boxes to win. When you check a box, all the squares around it (one above, one below, and one to each side) are unselected. You can play in five different levels of difficulty. Addictive! View in Action!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">     </script> </HEAD>  <BODY> <center> <form name=lightsform> <table colspec="l20 l20 l20 l20 l20" border=7> <tr> <td><input type=checkbox value=0 onClick="check(value)"></td> <td><input type=checkbox value=1 onClick="check(value)"></td> <td><input type=checkbox value=2 onClick="check(value)"></td> <td><input type=checkbox value=3 onClick="check(value)"></td> <td><input type=checkbox value=4 onClick="check(value)"></td> </tr> <tr> <td><input type=checkbox value=5 onClick="check(value)"></td> <td><input type=checkbox value=6 onClick="check(value)"></td> <td><input type=checkbox value=7 onClick="check(value)"></td> <td><input type=checkbox value=8 onClick="check(value)"></td> <td><input type=checkbox value=9 onClick="check(value)"></td> </tr> <tr> <td><input type=checkbox value=10 onClick="check(value)"></td> <td><input type=checkbox value=11 onClick="check(value)"></td> <td><input type=checkbox value=12 onClick="check(value)"></td> <td><input type=checkbox value=13 onClick="check(value)"></td> <td><input type=checkbox value=14 onClick="check(value)"></td> </tr> <tr> <td><input type=checkbox value=15 onClick="check(value)"></td> <td><input type=checkbox value=16 onClick="check(value)"></td> <td><input type=checkbox value=17 onClick="check(value)"></td> <td><input type=checkbox value=18 onClick="check(value)"></td> <td><input type=checkbox value=19 onClick="check(value)"></td> </tr> <tr> <td><input type=checkbox value=20 onClick="check(value)"></td> <td><input type=checkbox value=21 onClick="check(value)"></td> <td><input type=checkbox value=22 onClick="check(value)"></td> <td><input type=checkbox value=23 onClick="check(value)"></td> <td><input type=checkbox value=24 onClick="check(value)"></td> </tr> </table> <br> <table border=1> <tr> <td><a href="javascript:level1()">level 1</a></td> <td><a href="javascript:level2()">level 2</a></td> </tr> <tr> <td><a href="javascript:level3()">level 3</a></td> <td><a href="javascript:level4()">level 4</a></td> </tr> <tr> <td><a href="javascript:level5()">level 5</a></td> <td><input type="reset" value="clear"></td> </tr> </table>

JavaScript can even display how long your web page has been online. Just enter the date, the script does the calculations, and prints out the time. It has a very nice readout and looks very professional! View in Action!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY> <SCRIPT LANGUAGE="JavaScript">  </script>

By using your computer's clock, you can calculate the time in other time zones all over the world! Useful if you communicate across different time zones for business or leisure. A great script! View in Action!

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY onLoad="javascript:GetTime();">  <center> <form name="clock"> <strong>Local Time <input type="text" size="8" name="local"></strong> <p> Eniwetok (GMT-12) <input type="text" size="8" name="eniw"><br> Samoa (GMT-11) <input type="text" size="8" name="sam"><br> Hawaii (GMT-10) <input type="text" size="8" name="Hawaii"> <p> Alaska (GMT-9) <input type="text" size="8" name="alaska"><br> Pacific Time (GMT-8) <input type="text" size="8" name="pacif"><br> Mountain Time (GMT-7) <input type="text" size="8" name="mount"> <p> Central Time (GMT-6) <input type="text" size="8" name="center"><br> Eastern Time (GMT-5) <input type="text" size="8" name="east"><br> Atlantic Time (GMT-4) <input type="text" size="8" name="atl"> <p> Brazilia (GMT-3) <input type="text" size="8" name="bra"><br> Mid-Atlantic (GMT-2) <input type="text" size="8" name="mid"><br> Azores (GMT-1) <input type="text" size="8" name="azo"> <p> <strong>Greenwich Mean Time (GMT) <input type="text" size="8" name="_GMT"></strong> <p> Rome (GMT +1) <input type="text" size="8" name="rome"><br> Israel (GMT +2) <input type="text" size="8" name="Israel"><br> Moscow (GMT +3) <input type="text" size="8" name="msw"> <p> Baku (GMT +4) <input type="text" size="8" name="baku"><br> New Delhi (GMT +5) <input type="text" size="8" name="del"><br> Dhakar (GMT +6) <input type="text" size="8" name="dh"> <p> Bangkok (GMT +7) <input type="text" size="8" name="kok"><br> Hong Kong (GMT +8) <input type="text" size="8" name="ho"><br> Tokyo (GMT +9) <input type="text" size="8" name="tky"> <p> Sydney (GMT +10) <input type="text" size="8" name="sdn"><br> Magadan (GMT +11) <input type="text" size="8" name="mag"><br> Wellington (GMT +12) <input type="text" size="8" name="wll"> </form> </center>

Try your luck at an interactive game of good old tic-tac-toe!! Automatic scoring and alternating "first moves" are built in. Fun! View in Action!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">     </script> </HEAD>  <BODY> <center> <form name=game> <table border=0> <td> <table border=1> <tr> <td><a href="javascript:yourChoice('A')"><img src="blank.jpg" border=0 height=100 width=100 name=A alt="Top-Left"></a></td> <td><a href="javascript:yourChoice('B')"><img src="blank.jpg" border=0 height=100 width=100 name=B alt="Top-Center"></a></td> <td><a href="javascript:yourChoice('C')"><img src="blank.jpg" border=0 height=100 width=100 name=C alt="Top-Right"></a></td> </tr> <tr> <td><a href="javascript:yourChoice('D')"><img src="blank.jpg" border=0 height=100 width=100 name=D alt="Middle-Left"></a></td> <td><a href="javascript:yourChoice('E')"><img src="blank.jpg" border=0 height=100 width=100 name=E alt="Middle-Center"></a></td> <td><a href="javascript:yourChoice('F')"><img src="blank.jpg" border=0 height=100 width=100 name=F alt="Middle-Right"></a></td> </tr> <tr> <td><a href="javascript:yourChoice('G')"><img src="blank.jpg" border=0 height=100 width=100 name=G alt="Bottom-Left"></a></td> <td><a href="javascript:yourChoice('H')"><img src="blank.jpg" border=0 height=100 width=100 name=H alt="Bottom-Center"></a></td> <td><a href="javascript:yourChoice('I')"><img src="blank.jpg" border=0 height=100 width=100 name=I alt="Bottom-Right"></a></td> </tr> </table> </td> <td> <table> <tr><td><input type=text size=5 name=you></td><td>You</td></tr> <tr><td><input type=text size=5 name=computer></td><td>Computer</td></tr> <tr><td><input type=text size=5 name=ties></td><td>Ties</td></tr> </table> </td> </table> <input type=button value="Play Again" onClick="playAgain();"> <input type=button value="Game Help" onClick="help();"> <input type=button value="Quit Game" onClick="quitGame();"> </form> </center> 

If you use this script, be sure to
Save these images then
upload them to your web site directory!

This Page Contains The Sum Of My Knowledge On WEBTV Html,Tricks:LOOK FOR SECRET TRICKS BEHIND THE WEBTV LOGO!

TIP ofThe DAY!

Make a Favorite Folder Called TRASH;Move Unwanted files to that folder and DELETE them ALL at One Time!