	Sign In Sign-Up

	JAVA SCRIPT
	\| \| \| \| \| \| \| \| \| CD SHOP

::Page details::

Title: Born On Date
Details: 2.64 KB August 18 1997
Description: In place of the boring 'Last Updated' script, you can use this script. It does everything and more - it gives the page title, the day the page was last updated, and if the page has been updated since the visitor's last visit all in a cool little table!
<html> <head> <meta name="GENERATOR" content="(c) 1998 Copyright Next Step Software"> <title>Passwords -  Total JavaScripts 99</title> </head> <script LANGUAGE="JavaScript">  </script> <body onLoad="window.defaultStatus='Passwords - Total JavaScripts 99'"> <p><MAP NAME="FrontPageMap0"><AREA SHAPE="RECT" COORDS="160,1,205,16" HREF ="javascript:history.go(-1)"><AREA SHAPE="RECT" COORDS="389,1,449,16" HREF ="javascript:history.go(1)"></MAP><IMG alt="Click Mouse on Main Menu Bar to Activate It!" border=0 height=29 src="title.GIF" useMap=#FrontPageMap0 width=450></p> <table border="0" cellpadding="0" cellspacing="0" width="153"> <tr> <td><A href="logincoder_.htm" onmouseout="msout1('imageA','_view1.gif');" onmouseover="msover1('imageA','_view2.gif');"><IMG alt="Total Java Scripts 99" border =0 height=29 name=imageA src="_view1.gif" width=158 ></A> </td> <td></td> </tr> </table> <form method="post" action="--WEBBOT-SELF--"> <p><TEXTAREA cols=64 name=scrolls rows=23 style="BACKGROUND-COLOR: rgb(255,200,16); COLOR: rgb(0,0,0)">   <BODY> <center><table border=1> <tr><form name=members><td rowspan=4> <select name=memlist size=10 onChange="showmem(this.form)">      <option selected value="John Smith|password|mainpage|">John Smith <option value="Peter Jones|theirpwd|endpages|">Peter Jones <option value="Sue Brown|asdfvcxz|nowheres|">Sue Brown <option value="Sally West|zaqxswde|logintop|">Sally West </select></td> <td align=right>User:</td><td><input type=hidden value="0" name=entry> <input type=text name=memname size=10 value="" onBlur="update(this.form)"></td></tr> <tr><td align=right>Password:</td><td><input type=text name=password size=10 maxlength=8 onBlur="update(this.form)"> *</td></tr> <tr><td align=right>Page Name:</td><td><input type=text name=pagename size=10 maxlength=8 onBlur="update(this.form)"><b>.html</b> *</td></tr> <tr><td colspan=2 align=center> <input type=button value="New User" onclick="addnew(this.form);"> <input type=button value="Delete User" onclick="delthis(this.form);"> <input type=button value="Show Coding" onclick="create(this.form);"></td></tr> <tr><td colspan=3 align=center> <input type=text size=60 name=message value="Note: Starred entries (*) must be exactly 8 letters! (a-z)"> <input type=hidden name=num value=1></td> </form></tr> </table> <hr size=2 width=75%> <form name=js><textarea cols=75 rows=10 name=scrpt wrap=virtual> <SCRIPT LANGUAGE="JavaScript">  </script> </textarea> </form> <SCRIPT LANGUAGE="JavaScript"> \n"; html+="\n"; html+="\n"; html+="\n\n"; html+='<tr><td colspan=2 align=center><font size="+2"><b>Members-Only Area!</b></font></td></tr>\n'; html+="<tr><td>Username:</td><td><select name=memlist>\n<option value='x'>"; for (j=0;j<form.memlist.length;j++) { splt(form.memlist.options[j].value); h1=makehash(params[1],3); h2=makehash(params[1],10)+" "; var page=""; for (var i=0;i<8;i++) { letter=params[2].substring(i,i+1); ul=letter.toUpperCase(); a=alpha.indexOf(ul,0); a+=(h2.substring(i,i+1)*1); page+=alpha.substring(a,a+1); } html+="\n<option value='"+params[0]+"|"+h1+"|"+page+"'>"+params[0]; }; html+="\n</select></td></tr>\n"; html+="<tr><td>Password:</td><td><input type=password size=10 maxlength=8 name=pass></td></tr>\n"; html+='<tr><td colspan=2 align=center><input type=button value="Login" onclick="check(this.form)"></td>\n'; html+="</tr>\n</table>\n</form>\n"; document.js.scrpt.value=html+script+"</center>"; } function makehash(pw,mult) { pass=pw.toUpperCase(); hash=0; for (i=0;i<8;i++) { letter=pass.substring(i,i+1); c=alpha.indexOf(letter,0)+1; hash=hash*mult+c; } return(hash); } // End --> </script> </center> </TEXTAREA></p> </form> <p align="left"><small><small><strong><font face="MS Sans Serif"><small>1998 Copyright (C) Next Step All Rights Reserved</small></font></strong></small></small></p> </body> </html>

Title: Break Frames
Details: 0.59 KB August 18 1997
Description: If a visitor comes to your site and is looking through frames, this script will automatically make the page 'break out' of frames. As an added bonus, it's only 8 lines of script!
  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

Title: Check URL
Details: 0.58 KB July 3 1998
Description: This script is particularly useful for those who have their site on a free webspace provider, then use a "come.to" redirecting service. What this script will do is analyze the URL the visitor is at, and if they did not came to your site via the redirecting URL, it can print out a message telling them that is your new URL. Neat  <BODY> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>

Title: Date & Time Stamp
Details: 0.97 KB August 18 1997
Description: With this script, you can have the date and time the page was loaded 'stamped' to the page. This would make a wonderful header or footer for any web page  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

Title: Date Updated
Contributor: Kenneth Preston (drkennan@ionet.net)
Details: 0.65 KB April 16 1998
Description: On your site, you might want to just let visitors know the date that the script was updated, but not the time (maybe it's not important?) This simple script (about a dozen lines) you can do just that! Very neat!
  <BODY> <SCRIPT LANGUAGE="JavaScript">     </SCRIPT>

Title: Fake Counter
Details: 0.69 KB August 18 1997
Description: If you don't quite have the traffic you'd like to your site, you can use your own fake page counter! Funny! Just don't get too carried away when you set the multiplier.... :-)
  <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <BODY> <CENTER> <FORM> <INPUT TYPE="button" VALUE="How many visits?" onClick="alertUser()"> </FORM> </CENTER>

Title: Last Modified
Details: 1.17 KB August 18 1997
Description: When you just can't stand to look at another 'Last Updated: Feb 02 1998 14:12:56:10' Script, give this script a try. It'll write to the page in the format, 'Last Updated February 2 1998' This looks much better!
  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

Title: Link of Minute
Contributor: Joe Merical (jmpch@aol.com)
Contributor URL: http://members.aol.com/jmpch
Details: 2.00 KB March 2 1998
Description: JavaScript will create a link that will change depending on the minute of the hour! You can add as many entries as you want! It's great!
  <BODY> <SCRIPT LANGUAGE="JavaScript">      </SCRIPT>

Title: Page Variable
Details: 0.61 KB April 16 1998
Description: Not exactly the most used script, but this one allows you to reference the page name in a variable. Instead of yourdomain.com/index.html, you can use this script to create a variable that stores index.html for your use! You can use it with alerts, document.write, etc. Take a look!
  <BODY> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>

Title: Page Viewed Date
Details: 0.60 KB August 18 1997
Description: I think it's always interesting to see some information about the page itself. This JavaScript will write out when the page was viewed, according to the visitor's clock.
  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

Title: Page Up for...
Details: 2.71 KB August 18 1997
Description: JavaScript can even display how long your web page has been online. The script has a very nice readout, and even follows English grammar rules!
  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </FONT> </CENTER>

Title: Time Box
Details: 1.41 KB August 18 1997
Description: This is a neat little script that makes your web page look a whole lot more 'professional'. This JavaScript will display a small box with the time the visitor loaded the page.

11:47 A.M.

<HEAD> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>  <BODY> <CENTER> <TABLE BGCOLOR="#ffe9bf" cellpadding=3 border=1> <TR><TD align=center> <SCRIPT> document.write( Temp ); </SCRIPT> </TD></TR> </TABLE> </CENTER>

Title: Time On Page (Alert)
Details: 2.92 KB August 18 1997
Description: If you want to show your visitors how long they have been on your page but don't exactly like those clock displays, then you might like this script. When the visitor leaves or clicks the button, they are alerted to the time they have been on your page. Many times, they won't even expect it!

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>  <BODY onLoad="getLogonTime()">  <CENTER> <FORM> <INPUT TYPE="button" value="Time on Page" onClick="getLogoffTime()"> </FORM> </CENTER>

Title: Time On Page (Clock)
Details: 1.29 August 18 1997
Description: Occassionally, it might be interesting to show the visitor how long they have been on your page. So, you can use this script to write a clock to the screen that will tell them exactly that!

<HEAD> <SCRIPT LANGUAGE="JavaScript">   </script>  <BODY onLoad="window.setTimeout('getSecs()',1)">  <CENTER> <FORM> <input size=5 name=timespent> </FORM> </CENTER>

Title: Time On Page (Seconds)
Details: 1.28 KB August 18 1997
Description: If the other time on page scripts seem too impersonal for you, this could be your solution. Instead of the 00:00 readout, it displays 'X Secs'. Just another wonder of JavaScript....

<HEAD> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>  <BODY onLoad="window.setTimeout('getSecs()',1)">  <CENTER> <FORM> <input size=9 name=timespent> </FORM> </CENTER>

Title: Top Window
Details: 1.48 KB May 29 1998
Description: Use this JavaScript to keep a window 'on top' of the rest of your other windows. Not sure what I mean? Try it out and see!

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>  <BODY> <CENTER> <FORM> <INPUT TYPE="BUTTON" VALUE="Pop-Up" onClick="topWindow()"> </FORM> </CENTER>

::Password protection::

Hatman iaz in gesamt estefade konid code haye jalebi dare

Title: Cookie Protection
Details: 5.19 KB August 13 1997
Description:You can use a basic cookie script to keep visitors (that don't have the cookie on their system) from viewing certain parts of your site (kind of.... There are always ways around it). The cookie is placed when the password provided is correct. Then, when they are forwarded to the password protected page, the cookie allows them to stay. Those without the cookie are sent back.

(Step 1)

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>  <BODY> <center> <form name='login'> Enter your login code (FORMAT: login # one, login # two, login # three): <p><input TYPE='text' NAME='numOne' SIZE=15><br> <input TYPE='text' NAME='numTwo' SIZE=15 ><br> <input TYPE='text' NAME='numThree' SIZE=15 ><br> <input TYPE='button' VALUE='Login' ONCLICK='check()'> </form> </center> <font size=1 color=white> This page requires Javascript to run! Please get Netscape 2.0 or greater! </font> <form name="login2"> <input type=hidden name="go" value="cookie-in.html"> </form>

(Step 2)

<BODY> <SCRIPT>  </SCRIPT>

Title: Combo Password
Details: 1.45 KB August 13 1997
Description: Here is a password protection that like a combination lock that changes everytime you enter the page. It basically works off a pattern but the number in the pattern change places.
<HTML> <HEAD> <TITLE>JavaScript Combination Access Protection</TITLE>  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY BGCOLOR="white">  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <P> <TABLE WIDTH=486 BORDER="0"> <TR><TD><HR NOSHADE></TD></TR> <TR><TD><B>Here's How the Combination Lock Works:</B> <P>The combination is a pattern rather than a fixed, unchanging password. The letters to be typed change every time the screen is loaded. (Hit your Reload button to verify this) For this example, the pattern is a "T". But it can be set to any "pattern" you wish. The combination can be seen as 12358 (in that order) in the table below:<P></TD></TR> </TABLE> <TABLE BORDER=3> <TR><TD COLSPAN=3 ALIGN=CENTER><FONT SIZE=4><B>Pattern for Combination<BR>Above Shown in Red</B></FONT></TD></TR> <TR> <TD ALIGN=CENTER><FONT COLOR="red" SIZE=4><B>1</B></FONT></TD> <TD ALIGN=CENTER><FONT COLOR="red" SIZE=4><B>2</B></FONT></TD> <TD ALIGN=CENTER><FONT COLOR="red" SIZE=4><B>3</B></FONT></TD></TR> <TR> <TD ALIGN=CENTER><FONT COLOR="blue" SIZE=4><B>4</B></FONT></TD> <TD ALIGN=CENTER><FONT COLOR="red" SIZE=4><B>5</B></FONT></TD> <TD ALIGN=CENTER><FONT COLOR="blue" SIZE=4><B>6</B></FONT></TD></TR> <TR> <TD ALIGN=CENTER><FONT COLOR="blue" SIZE=4><B>7</B></FONT></TD> <TD ALIGN=CENTER><FONT COLOR="red" SIZE=4><B>8</B></FONT></TD> <TD ALIGN=CENTER><FONT COLOR="blue" SIZE=4><B>9</B></FONT></TD></TR> </TABLE> <p> <b>Caution:</b> This will not work on Win3.x machines at present. <hr>

Dealer Price List
Combination Lock
(Combination changes every time)

z w q

h e h

e n a

The combination for the lock above is now zwqen.

Here's How the Combination Lock Works:

The combination is a pattern rather than a fixed, unchanging password. The letters to be typed change every time the screen is loaded. (Hit your Reload button to verify this) For this example, the pattern is a "T". But it can be set to any "pattern" you wish. The combination can be seen as 12358 (in that order) in the table below:

Pattern for Combination
Above Shown in Red

1 2 3

4 5 6

7 8 9

Caution: This will not work on Win3.x machines at present.

Title: Gatekeeper
Details: 2.97 KB August 13 1997
Description: Here is the best password protection script I have come across. It is also definitely the most user friendly. Try it out! (Note: The password is the filename without the .html ending.) This password for this example is gatekeeper-in

(Step 1)

<HEAD> <SCRIPT LANGUAGE="javascript">    </SCRIPT>  <BODY> <CENTER> <A HREF="" onMouseOver="gateKeeper()">Access the protected area.</A><BR> <P> Or, click Enter...<BR> <FORM NAME="gatekeeperbutton" ACTION="" onSubmit="gateKeeper()"> <input type="submit" value="Enter!"> </FORM> </CENTER>

(Step 2)

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>     <BODY BACKGROUND="http://your.domain.com/keeper.gif">  <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%> <TR> <TD ROWSPAN=2 WIDTH=50%> <TD WIDTH=50% ALIGN=CENTER VALIGN=MIDDLE> <FONT FACE="ARIAL" SIZE=2><B>Hold on there, buddy. You'll need a password to get in here. We're tryin' to keep out the riff-raff.</B></FONT><BR> <TR> <TD WIDTH=50% ALIGN=CENTER VALIGN=BOTTOM> <CENTER> <FORM NAME="testform"> <INPUT TYPE="text" NAME="inputbox" VALUE="" size=20> <INPUT TYPE="button" NAME="button" Value="Submit Password" onClick="goForit(this.form)"> <P><FONT SIZE=1 FACE="COMIC SANS MS"><A HREF="http://passwords.javascriptsource.com/gatekeeper.html" TARGET="_blank"><B>The password is gatekeep-in</B></A></FONT> </FORM> </CENTER> </TABLE>

Title: Login Coder
Details: 6.50 KB May 29 1998
Description: This is undoubtedly the best password protection JavaScript you'll ever find. Besides supporting multiple users, multiple passwords, and even multiple destination pages (after they successfully login), this script is presented in a very easy-to-use interface that you're sure to love! We *wish* we wrote this script, it's that good! (Note: Questions on this script should be directed to the author via email: dion@mailhub.omen.com.au)
  <BODY> <center><table border=1> <tr><form name=members><td rowspan=4> <select name=memlist size=10 onChange="showmem(this.form)">      <option selected value="John Smith|password|mainpage|">John Smith <option value="Peter Jones|theirpwd|endpages|">Peter Jones <option value="Sue Brown|asdfvcxz|nowheres|">Sue Brown <option value="Sally West|zaqxswde|logintop|">Sally West </select></td> <td align=right>User:</td><td><input type=hidden value="0" name=entry> <input type=text name=memname size=10 value="" onBlur="update(this.form)"></td></tr> <tr><td align=right>Password:</td><td><input type=text name=password size=10 maxlength=8 onBlur="update(this.form)"> *</td></tr> <tr><td align=right>Page Name:</td><td><input type=text name=pagename size=10 maxlength=8 onBlur="update(this.form)"><b>.html</b> *</td></tr> <tr><td colspan=2 align=center> <input type=button value="New User" onclick="addnew(this.form);"> <input type=button value="Delete User" onclick="delthis(this.form);"> <input type=button value="Show Coding" onclick="create(this.form);"></td></tr> <tr><td colspan=3 align=center> <input type=text size=60 name=message value="Note: Starred entries (*) must be exactly 8 letters! (a-z)"> <input type=hidden name=num value=1></td> </form></tr> </table> <hr size=2 width=75%> <form name=js><textarea cols=75 rows=10 name=scrpt wrap=virtual> <SCRIPT LANGUAGE="JavaScript">  </script> </textarea> </form> <SCRIPT LANGUAGE="JavaScript"> \n"; html+="\n"; html+="\n"; html+="\n\n"; html+='<tr><td colspan=2 align=center><font size="+2"><b>Members-Only Area!</b></font></td></tr>\n'; html+="<tr><td>Username:</td><td><select name=memlist>\n<option value='x'>"; for (j=0;j<form.memlist.length;j++) { splt(form.memlist.options[j].value); h1=makehash(params[1],3); h2=makehash(params[1],10)+" "; var page=""; for (var i=0;i<8;i++) { letter=params[2].substring(i,i+1); ul=letter.toUpperCase(); a=alpha.indexOf(ul,0); a+=(h2.substring(i,i+1)*1); page+=alpha.substring(a,a+1); } html+="\n<option value='"+params[0]+"|"+h1+"|"+page+"'>"+params[0]; }; html+="\n</select></td></tr>\n"; html+="<tr><td>Password:</td><td><input type=password size=10 maxlength=8 name=pass></td></tr>\n"; html+='<tr><td colspan=2 align=center><input type=button value="Login" onclick="check(this.form)"></td>\n'; html+="</tr>\n</table>\n</form>\n"; document.js.scrpt.value=html+script+"</center>"; } function makehash(pw,mult) { pass=pw.toUpperCase(); hash=0; for (i=0;i<8;i++) { letter=pass.substring(i,i+1); c=alpha.indexOf(letter,0)+1; hash=hash*mult+c; } return(hash); } // End --> </script> </center>

	User:
	Password:	*
	Page Name:	.html *

Title: Multiple Users (Login Table)
Details: 1.60 KB May 15 1998
Description: Rather not have one password for access the Members-Only section of your site? Well, along comes this little JavaScript gem. You can set up a separate username and password for as many members as you want, and even give each a different page to go to after logging in!

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>  <BODY> <center> <form name=login> <table width=225 border=1 cellpadding=3> <tr><td colspan=2><center><font size="+2"><b>Members-Only Area!</b></font></center></td></tr> <tr><td>Username:</td><td><input type=text name=username></td></tr> <tr><td>Password:</td><td><input type=text name=password></td></tr> <tr><td colspan=2 align=center><input type=button value="Login!" onClick="Login()"></td></tr> </table> </form> </center>

Title: Multiple Users (Prompt)
Details: 1.29 KB May 15 1998
Description: This JavaScript is just like the previous Multiple Users one, but doesn't use a table interface to login. Instead, after clicking the Login! button, the script will ask them for their username and password, and then perform the password-protection. Very neat!
  <HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>  <BODY> <center> <form><input type=button value="Login!" onClick="LogIn()"></form> </center>

Title: Password Pro
Details: 2.55 KB October 26 1997
Description: This script uses a different approach to Password Protection. It still uses the password as the actual page, but it uses an encryption method that encrypts and checks the password. So if you fail to enter it correct after 3 times you go to a specific page (specified by the webmaster) and you don't get the annoying 404 page not found message as in other scripts. The password is password

<HEAD> <SCRIPT LANGUAGE="JavaScript">      if (code==174153441) // code==[your access code] go() else inc() } } function go(){ location.href=pass+".html"; } // End --> </SCRIPT>  <center> <A HREF="javascript:Check()">Access the protected area.</A><BR> <P> </center>

Title: Password Prompt
Details: 0.58 KB August 13 1997
Description: If a visitor wants to go a password protected page, they must first enter the correct password on the page with this script. This script will just take you them to [password entered].html This is a very good script if JavaScript is enabled and as long as you have an index.html file in your directory. As an added bonus, it's only 8 lines! The password is the protected filename without the .html ending.
  <BODY> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>

In KHeyli Bahale

Title: Three Tries
Details: 1.10 KB August 13 1997
Description: If you want to 'protect' a site and don't have CGI access, you can try this JavaScript. Visitors get three tries to enter the correct password then they are refused entry. Note: The password is: password
  <BODY> <SCRIPT LANGUAGE="JavaScript">

::scrolling scripts::

Title: Classic Scroll
Details: 1.35 KB * Uploaded August 23 1997
Description: This is the classic scroll that you see EVERYWHERE! This script is also highly configurable (as are most in TJS). One more thing. Be aware that this effect does eventually get very annoying.
  <HEAD> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>  <BODY onLoad="scrollit(100)">

Title: Box Scroll
Details: 1.35 KB * Uploaded August 13 1998
Description: This scrolls in a box from left to Right.

Title: Date & Time
Details: 2.68 KB * Uploaded March 6 1998
Description: Yes, this is another JavaScript scroll. But, unlike the others, this one has the date & time included at the front of the first message! It looks very professional!
  <BODY> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>

Title: Editor
Details: 1.89 KB * Uploaded August 23 1997
Description: This is a very cool way to show you a little bit better how Javascript works. Go ahead. You can manipulate several different variables and then see the effects on the scroll box. Have fun!
  <HEAD> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>  <BODY onLoad="banner()">  <CENTER> <FORM name="form1"> <TABLE border="3"> <caption>Edit box</caption> <tr><td align="right">Message:</td> <td><input type="text" name="message" value="This is a scroll - a text box scroll. " size="50"></td></tr> <tr><td align="right">Speed:</td> <td><input type="text" name="speed" value="10" size="5"></td></tr> <tr><td align="right">Change:</td> <td><center><input type="button" value=" Click here to make changes take effect" onclick="clearTimeout(id);position=0;banner()"></center></td></tr> </TABLE> </FORM> <p> <hr size="4" width="40%"> <p> <FORM name="form2"> <input type="text" name="banner" size="50"><br> <input type="hidden" value=" Start Banner " onclick="action()"> </FORM> </CENTER>

Title: Flasher
Details: 0.83 KB * Uploaded August 23 1997
Description: This script simply flashes (hence the name) a message on and off on your statusbar. This script probably got your attention better than the Classic Scroll but, is not used as much. The Flasher is just not as well known as the Classic Scroll.
  <HEAD> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>  <BODY onLoad="Flash()">

Title: Flashing Banner - Next Step
Details: 0.83 KB * August 13 1998
Description: This flashes four different message in a titlebar. You can set the time and delay between each message.
<html> <head> <title>Rotating Text Banner</title> <script language="JavaScript"> function update(msg) { var pad_str=""; n = msg.length; if(n<81) { pad = (81-n)/2; for(var i=0; i<pad; i++) { pad_str+=" "; } } CurrentMsg = pad_str + msg; document.messages.field.value = CurrentMsg; clearTimeout(timer); timer = setTimeout("idleMsg()",5000); } function MakeArray(n) { this.length=n; for(var i = 1; i<= n; i++) { this[i] = ""; } return(this); } var index = 1; var notice_num = 4; var notices = new MakeArray(notice_num); notices[1] = "Welcome to Total JavaScripts 99!"; notices[2] = "There are hundreds of scripts..."; notices[3] = "With examples and help."; notices[4] = "Tell all of your friends about this CD-Rom!"; var timer = setTimeout('idleMsg()',0); function idleMsg() { update(notices[index++]); if(index>notice_num) { index=1; } } </script> </head> <body> <form name="messages" onSubmit="return false"> <div align="center"><center><p><input type="text" name="field" size="45" height="5" value style="font-weight: bold; font-family: sans-serif; background-color: rgb(255,255,255); color: rgb(255,0,0); border: medium none rgb(255,255,255)"> </p> </center></div> </form> </body> </html>

Title: Marquee
Contributor URL: http://www.geocities.com/SiliconValley/Horizon/5235
Details: 1.00 KB * Uploaded March 5 1998
Description: (Internet Explorer preferred) This JavaScript scrolls information back and forth across a page - the message appears to float back and forth! If you don't have Internet Explorer, it'll just show the message on the screen. Works great

<html> <head> <title>E:\scrolls\flasher_.htm</title> </head> <body> <script LANGUAGE="JavaScript">    </script> <NOSCRIPT> <i><font size="2"> <p>The JavaScript Source, another marvelous use of bandwidth!</font></i> </NOSCRIPT>  </p> </body> </html>

Title: Marquee 2
Contributor URL: Next Step
Details: 1.00 KB * Uploaded March 5 1998
Description:This JavaScript scrolls information across a page.

Title: One Letter
Details: 1.67 KB * Uploaded April 16 1998
Description: This script will scroll one letter at a time of your message until the entire message has been displayed! Very neat!
  <HEAD> <SCRIPT LANGUAGE="JavaScript">     </SCRIPT> </HEAD>  <BODY onLoad="startScroller()">

Title: Stop Scroll Clear Status Bar
Details: 1.30 KB * Uploaded August 23 1997
Description: Usually when someone moves his mouse over a link on your page you will get that ennoying message at your status bar telling you that that link is a short cut to some document at www.fake.com. Now, to get rid of that you can use the well known "onMouseOver="window.status" " in the anchor. But that text does not disappear until you move your mouse over another link !!!!
Thanks to "Syntax Error" for this script. Here's his explanation: Hi There, Usually when someone moves his mouse over a link on your page you will get that ennoying message at your status bar telling you that that link is a short cut to some document at www.fake.com. Now, to get rid of that you can use the well known "onMouseOver="window.status" " in the anchor. But that text does not disappear until you move your mouse over another link !!! Well, to get rid of that text in your status bar put the following in your <head>&</head>tags SCRIPT: <script language="JavaScript">  </script>

Title: Textbox
Details: 1.30 KB * Uploaded August 23 1997
Description: This is another version of the infamous scroll. Although, this one scrolls your information in a text box and is far less 'annoying' that most of the status bar scrollers. Just imagine what you can draw attention to! Anything!
  <HEAD> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>  <BODY> <CENTER> <FORM NAME="scroll_form"> <input type="button" name="button_one" value="Start" onClick="scroll_text()"> <input type="text" name="field" size="50"> </FORM> </CENTER>

Title: Text Effect
Contributor:Neal Cook (hapaboy@mindless.com)
Contributor URL: http://www.geocities.com/SouthBeach/Palms/6999
Details: 3.83 KB * Uploaded June 12 1998
Description: Essentially a multi-function scroller, this script does some really amazing stuff. It takes your message line and scrolls it left and right and .... Just check it out!
  <HEAD> <SCRIPT LANGUAGE="JavaScript">     </script>

The JavaScript Sourc The JavaScript Sour The JavaScript Sou The JavaScript So The JavaScript S The JavaScript The JavaScript The JavaScrip The JavaScri

Title: Vertical Scroll Page Down
Details: 0.83 KB * Uploaded April 16 1998
Description: This is not like the other Scroller scripts in this category - thise one scrolls the page vertically! (up and down!!) It's really cool!
  <HEAD> <SCRIPT LANGUAGE="JavaScript">     </SCRIPT>  <BODY><CENTER><FORM><input type=button value="Scroll Page" onClick="scrollit()"></FORM></CENTER>

Title: Vertical Boxes
Contributor:Michael Tartaglia (stonedstan@hotmail.com)
Contributor URL: http://www.geocities.com/SiliconValley/Horizon/5235
Details: 1.53 KB * Uploaded August 24 1998
Description: This is probably the most interesting scroll that doesn't use the browser's status bar (the bar at the bottom of the screen) or a text box on the page. Instead, it scrolls vertically up and down multiple text boxes! Take a look to see what we mean!
  <BODY> <SCRIPT LANGUAGE="JavaScript">     </SCRIPT>

Title: Write And Slide
Details: 1.09 KB * Uploaded August 23 1997
Description: 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 to see what I mean. Not very spectacular, but nice...
  <HEAD> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>  <BODY onLoad="scrollIn()">

::status bar Effects::

Title: Flashing Status Bar - Next Step
Details: 1.35 KB * October 15 1998
Description: This allows the text on your Status Bar to Flash! One message only.
<script> var yourwords = "YOUR MESSAGE GOES HERE"; var speed = 300; var control = 1; function flash() { if (control == 1) { window.status=yourwords; control=0; } else { window.status=""; control=1; } setTimeout("flash()",speed); } </script>  <html> <head> <title>New Page 3</title> </head> <body onLoad="flash()"> </body> </html>

Title: Rollover Images (Buttons) That Change Status Bar- Next Step
Details: .85 KB * August 13 1998
Description: This allows you to have rollover button with your own graphic images for the button and will change the status bar when the mouse goes over the button!

<script language="JavaScript"> var NN3 = false; image1= new Image(); image1.src = "IMAGE FILE OFF"; image1on = new Image(); image1on.src = "IMAGE FILE ON"; image2= new Image(); image2.src = "IMAGE FILE OFF"; image2on = new Image(); image2on.src = "IMAGE FILE ON"; function on3(name) { document[name].src = eval(name + "on.src"); } function off3(name) { document[name].src = eval(name + ".src"); } NN3 = true; function on(name) { if (NN3) on3(name); } function off(name) { if (NN3) off3(name); } function a(txt) { self.status = txt } function b() { self.status = "" } </script> . <a href="YOUR LINK" onmouseover="on('image1'); a('STATUS BAR MESSAGE GOES HERE');return true;" onmouseout="off('image1'); b();"><img src="IMAGE FILE OFF" border="0" name="image1"></a><br> <a href="YOUR LINK" onmouseover="on('image2'); a('STATUS BAR MESSAGE GOES HERE');return true;" onmouseout="off('image2'); b();"><img src="IMAGE FILE OFF" border="0" name="image2"></a>

Title: Image Maps that change Status Bar - Next Step
Details: 1.68 KB * October 6 1998
Description: This allows you to control the status bar when the mouse moves over the hot spots on your image map.
 onMouseOver="window.status='Click Here to Go Back One Page';return true" onMouseOut="window.status=' '; return true">  <AREA SHAPE="rect" COORDS="0,0,62,30" href="jsmain.htm" onMouseOver="window.status='MESSAGE #1';return true">

Title: Clock on the Status Bar - Next Step
Details: 1.68 KB * October 6 1998
Description: This shows a clock with the time on the Status Bar.

<html> <head> <title>Digital Clock - Status Bar</title> <script Language="JavaScript"> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { stopclock(); showtime(); } </script> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock()"> </body> </html>

Title: Clock and Date on the Status Bar - Next Step
Details: 1.68 KB * October 6 1998
Description: This shows a clock with date and the time on the Status Bar

<HTML> <HEAD> <TITLE>Clock And Date</TITLE> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock();">

Title: Image Status - Next Step
Details: 1.19 KB * August 23 1998
Description: This changes the Status Bar when the mouse is moved over a static graphic image or button.
<html> <head> <title></title> <script language="JavaScript">  </script>  </head> <body> <a HREF="rollover.htm" onMouseOver="a('STATUS BAR MESSAGE GOES HERE');return true" onMouseOut="b()"> <p><img SRC="_view1.gif" border="0" width="158" height="29"> </a></p> </body> </html>

Title: One Time Sliding Status Message - Next Step
Details: 0.83 KB * October 23 1998
Description: This script shows a sliding message on your status bar just one time then stops.
<html> <head> <title>Cool Status Bar Scroller</title> <script LANGUAGE="JavaScript">  </script> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="snapSetup()"> </body> </html>

Title: Multi Message - Next Step
Details: 1.23 KB * October 23 1998
Description: This script pops up different messages in the Status Bar. You can put as any you want. It displays them by just poping up one after the other.
<html> <body bgcolor=ffffff> <head> <script> // This script came from Web-Development.Com JavaScript Site // Located at http://www.web-development.com/ message = new Array(5); message[0] = "This is a sample of a Scrolling Status"; message[1] = "The code for this is in the bottom right frame "; message[2] = "Hope this is what you wanted."; message[3] = "Come back to see us soon."; message[4] = "Don\'t forget to bookmark us"; var showmsg = true; function nextMessage() { if (!showmsg) { window.setTimeout("nextMessage()",5000); showmsg = true; return; } index = Math.floor(message.length * Math.random()); window.status = message[index]; window.setTimeout("nextMessage()",5000); } nextMessage(); </script> </head> <body bgcolor=ffffff> <font color="000080"> <center> Look in the status bar for a sample of this code </center> </font> </body> </html>

Title: Random Messages Sliding Status Bar - Next Step
Details: 1.00 KB * October 5 1998
Description: This displays a sliding message on your status bar, The key to this is that you can have different messages appear on the status bar.
<html> <head> <title> Random Status Bar Scroller </title> <script language="JavaScript">  </script> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startBanner()"> </body> </html>

Title: Link that Display Message on Status Bar - Next Step
Contributor URL: Next Step
Details: 1.00 KB * March 5 1998
Description:This JavaScript displays a message on the status bar when the mouse is passed over a text link.

<script language="JavaScript">  </script>  <A HREF="YOUR LINK" onMouseOver="a('STATUS BAR MESSAGE GOES HERE');return true" onMouseOut="b()">LINK DESCRIPTION</a>

Title: Link that Display Message on Status Bar (TIMED) - Next Step
Details: 1.67 KB * April 16 1998
Description: This JavaScript displays a message on the status bar when the mouse is passed over a text link but you can control how long the message will be displayed
<html> <head> <title>Rick</title>  <script language="JavaScript">  </script>  </head> <body> <a HREF="rollover.htm" onMouseOver="windowon('Ricks Pearl Jam Page');return true"> <p>Example for 2 seconds</a><br> </p> </body> </html>

Title: Scrolling Status Bar - Next Step
Details: 1.30 KB * August 23 1998
Description: This is the typical status bar the scrolls a message across it!
<html> <head> <title>Scrolling Message</title> <script language="JavaScript">  </script> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="timerONE=window.setTimeout('scrollit(100)',500)"> </body> </html>

Title: Sliding Status Bar
Details: 1.30 KB * August 23 1998
Description: This is another version of the sliding Status Bar.
 <script LANGUAGE="JavaScript">  </script>  <html> <head> <title>E:\javascripts\statusbars\changeimagestatus_.htm</title> </head> <body onLoad="snapSetup()"> </body> </html>

Title: Type Writer Status Bar Multiple Messages - Next Step
Details: 1.83 KB * June 12 1998
Description: This is a great Status Bar that prints out your messages as is they were being typed out. The key is you can have multiple messages.
<html> <head> <title>Type Writer Status Bar</title> <script LANGUAGE="JavaScript">  </script> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startBanner()"> </body> </html>

::User - Details::

Title: Browser Information
Details: 1.34 KB June 12 1998
Description: This script does a great job of displaying information about your web browser including version, your computer's platform, if Java is enabled, how many pages you've visited, and screen resolution. Take a look, it's pretty cool.
  <BODY> <SCRIPT LANGUAGE="JavaScript">    </script>

Title: Browser Name
Details: 0.50 KB August 23 1997
Description: How would you like to know the 'hi-tech' browser name for you web browser? Go here!
  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

Title: Browser Redirection By Screen Size
Description: A cool script that determines the screen resolution of the surfer, and sends them to a different page (out of 2) depending on whether his/her resolution is high or low. Works in NS 3.x as well!

Insert This code into between the <HEAD> tags of your HTML Page.

<SCRIPT LANGUAGE="JavaScript"> /* Made By Aviv Salem, Aviv@innocnet.com */ // browser test: browserName = navigator.appName; browserVer = parseInt(navigator.appVersion); if (browserName == "Netscape" && browserVer >= 4 || browserName == "Microsoft Internet Explorer" && browserVer >= 4) version = "1"; else if (browserName == "Netscape" && browserVer >= 3) version = "2"; else version = "3"; if (version == "1") { var correctwidth=800 var correctheight=600 if (screen.width<correctwidth||screen.height<correctheight) location="PAGE_FOR_LOW_SIZE.htm" else location="PAGE_FOR_HIGH_SIZE.htm" } if (version == "2") { var toolkit = java.awt.Toolkit.getDefaultToolkit(); var screen_size = toolkit.getScreenSize(); var correctwidth=800 var correctheight=600 if (screen_size.width<correctwidth||screen_size.height<correctheight) location="PAGE_FOR_LOW_SIZE.htm" else location="PAGE_FOR_HIGH_SIZE.htm" } if (version == "3") location="DEFAULT_PAGE.htm" </SCRIPT>

Insert This code into between the <Body> tags of your HTML Page.

Title: Browser Redirection
Details: 0.63 KB August 23 1997
Description: If you maintain a separate page optimized for MSIE and another for Netscape, then this script will send visitors to the appropriate page.
  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

Title: Browser Version
Details: 0.50 KB August 23 1997
Description: JavaScript can even indicate the version details of the web browser.
  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

Title: Email Vaildator Advanced
Description: A script that closely examines the content of a form box to ensure that the user entered a valid email address. If not, the form submition is canceled, and the surfer prompted to re-enter a valid address. If it is, the script continues and checks whether the address is of a certain type (such as hotmail and yahoo), and if it is, blocks the form submition as well. In essense, this script allows you to not only block invalid email addresses, but "casual" addresses as well.

Description: A script that closely examines the content of a form box to ensure that the user entered a valid email address. If not, the form submition is canceled, and the surfer prompted to re-enter a valid address. If it is, the script continues and checks whether the address is of a certain type (such as hotmail and yahoo), and if it is, blocks the form submition as well. In essense, this script allows you to not only block invalid email addresses, but "casual" addresses as well. The script makes the following assumptions regarding what a valid email address is:

-Contains a least one character procedding the "@"
-Contains a "@" following the procedding character(s)
-Contains at least one character following the "@", followed by a dot (.), followed by either a two character or three character string (a two character country code or the standard three character US code, such as com, edu etc)

Note that this script requires NS 4.x or IE 4.x to function- all other browsers will simply not participate in the form validation process.

Example:
(Entering senator_ppr@yahoo.com is ok, whereas java_night@yahoo.com and night_barobax@hotmail.com are not)

Directions: Simply cut and paste the below code into the <body> section of your page. It
contains a form with one box that is checked for "email validity". You can add in more form elements into the form, as you would with any other form.

<form name="validation" onSubmit="return checkbae()"> Please input a valid email address:<br> <input type="text" size=18 name="emailcheck"> <input type="submit" value="Submit"> </form> <script language="JavaScript1.2"> /* Advanced Email Check credit- By Website Abstraction (www.wsabstract.com) Over 200+ free scripts here! */ var invalidaddress=new Array() invalidaddress[0]="hotmail" invalidaddress[1]="rocketmail" invalidaddress[2]="yahoo" invalidaddress[3]="zdnetmail" //extend or shorten this list if neccessary var testresults function checkemail(){ var invalidcheck=0; var str=document.validation.emailcheck.value var filter=/^.+@.+\..{2,3}$/ if (filter.test(str)){ var tempstring=str.split("@") tempstring=tempstring[1].split(".") for (i=0;i<invalidaddress.length;i++){ if (tempstring[0]==invalidaddress[i]) invalidcheck=1 } if (invalidcheck!=1) testresults=true else{ alert("Please input a more official email address!") testresults=false } } else{ alert("Please input a valid email address!") testresults=false } return (testresults) } </script> <script> function checkbae(){ if (document.layers||document.all) return checkemail() else return true } </script>

The type of addresses that are to be blocked are contained inside the array "invalidaddress". Change those to your own. Note that the message that will be alerted when a user enters one of these email addresses is "Please input a more official email address!" You may wish to change that message.

Title: History Length
Details: 0.52 KB August 23 1997
Description: Shock your visitors by telling them how many sites they have been to since they began using their browser!
  <BODY> <CENTER> <SCRIPT>   var times=history.length; document.write('You\'ve been to '+times+' site(s) in this browser session.'); </SCRIPT> </CENTER>

Title: Hot Mail Log In App
Description: If you're a hotmail user, you'll love this program. Allows easy access from your own HD to your account. Here are some of the features: Access your HotMail account faster: * Login page loads instantly, since it's stored locally. * Reduce the wait through a slow proxy server. Less Keystrokes: * Once the user sets the Login ID, it is automatically
entered into the login form. * Password field automatically receives focus. View Source to get source code of page

HotMail

Login:		Password:

Frames No Frames Use my Default

DIRECTIONS: Click "Store Login" to save your Login ID.

Title: Info Table
Details: 2.60 KB April 16 1998
Description: JavaScript can write a neat little box to the screen telling the visitor's browser and operating system

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

Title: IP Address
Details: 1.20 KB December 20 1997
Description: (works only for Netscape Browsers with Java enabled) If you would like to get your visitors IP Addresses, use this script. Very cool.
  <BODY> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>

Title: JavaScript Version
Details: 1.24 KB July 3 1998
Description: Neat little example which displays what JavaScript version the visitor's browser supports. It's pretty neat, extremely simple. Check it out!

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <SCRIPT Language="JavaScript1.2">  </SCRIPT> <NOSCRIPT> <B>Your browser does not currently support JavaScript.</B> <P>If your are using Netscape 2 or later then you can enable JavaScript. <P>Version 2 or 3: Choose Options|Network Preferences, choose the Languages tab, click Enable Javascript and then click OK. <P>Version 4: Choose Edit|Preferences|Advanced, click Enable JavaScript and then click OK. <P><HR><P> Note: If you are using Internet Explorer and see this message, then your version does not support JavaScript. (JavaScript can not be disabled in Internet Explorer) </NOSCRIPT>  <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Title: Midi Player
Details: 2.82 KB May 29 1998
Description: To ensure that the correct midi file is played in your visitor's browsers, use this little JavaScript. It will determine which browser they are using and display the appropriate HTML tags to display the midi file. Cool!
<html> <head> <title></title> </head> <body bgcolor="ffffff"> <a href="http://www.web-development.com/cgi-bin/gotoad.cgi?kaigler" target="_top"> <p align="center"><img src="http://www.web-development.com/images/banner6.gif" border="0"></a><br> <a href="http://www.web-development.com/cgi-bin/gotoad.cgi?kaigler" target="_top"><font size="2">Please Visit our Sponsor</font></a><br> </p> <hr> <font size="+2" color="000080"> <p align="center">Random Midi Player</font> <br> <br> <script LANGUAGE="JavaScript"> // Jason Aunkst; jra@dtx.net // This script came from the Web-Development.Com JavaScript Site // Located at http://www.web-development.com/ var nummidi = 2 day = new Date() seed = day.getTime() ran = parseInt(((seed - (parseInt(seed/1000,10) * 1000))/10)/100*nummidi + 1,10) if (ran == (1)){ midi=("mozart.mid") title=("SPEAK") leng=162 } if (ran == (2)){ midi=("mozart.mid") title=("BEETLEJUICE") leng=308 } if (ran == (3)){ midi=("http://users.loa.com/~tracyk/x_files.mid") title=("X-FILES") leng=245 } if (ran == (4)){ midi=("http://www.cris.com/~temc/lump.mid") title=("LUMP") leng=197 } if (ran == (5)){ midi=("http://users.loa.com/~tracyk/wannabe.mid") title=("WANNABE") leng=191 } if (ran == (6)){ midi=("http://users.loa.com/~tracyk/whatislove.mid") title=("WHAT IS LOVE") leng=243 } if (ran == (7)){ midi=("http://www.cris.com/~temc/dazed.mid") title=("DAZED") leng=279 } if (ran == (8)){ midi=("http://www.dcom-lao.com/speak.mid") title=("DONT SPEAK") leng=46 } if (ran == (9)){ midi=("http://users.loa.com/~tracyk/Beetljuc.mid") title=("BEETELJUICE") leng=308 } if (ran == (10)){ midi=("http://users.loa.com/~tracyk/x_files.mid") title=("X-FILES") leng=245 } if (ran == (11)){ midi=("http://www.cris.com/~temc/lump.mid") title=("LUMP") leng=197 } if (ran == (12)){ midi=("http://users.loa.com/~tracyk/wannabe.mid") title=("WANNABE") leng=191 } if (ran == (13)){ midi=("http://users.loa.com/~tracyk/whatislove.mid") title=("WHAT IS LOVE") leng=243 } if (ran == (14)){ midi=("http://www.cris.com/~temc/dazed.mid") title=("DAZED") leng=279 } if (ran == (15)){ midi=("http://www.dcom-lao.com/speak.mid") title=("DONT SPEAK") leng=46 } if (ran == (16)){ midi=("http://users.loa.com/~tracyk/Beetljuc.mid") title=("BEETLEJUICE") leng=308 } if (ran == (17)){ midi=("http://users.loa.com/~tracyk/x_files.mid") title=("X-FILES") leng=245 }</script></p> <p align="center"><script LANGUAGE="JavaScript">if (ran == (18)){ midi=("http://www.cris.com/~temc/lump.mid") title=("LUMP") leng=197 }</script></p> <p align="center"><script LANGUAGE="JavaScript">if (ran == (19)){ midi=("http://users.loa.com/~tracyk/wannabe.mid") title=("WANNABE") leng=191 }</script></p> <p align="center"><script LANGUAGE="JavaScript">if (ran == (20)){ midi=("http://users.loa.com/~tracyk/whatislove.mid") title=("WHAT IS LOVE") leng=243 }</script></p> <p align="center"><script LANGUAGE="JavaScript">if (ran == (21)){ midi=("mozart.mid") title=("DAZED") leng=279 }</script></p> <p align="center"><script LANGUAGE="JavaScript">if (ran == (22)){ midi=("mozart.mid") title=("DONT SPEAK") leng=162 }</script></p> <script LANGUAGE="JavaScript"> document.write('<META HTTP-EQUIV=REFRESH CONTENT="' + leng + '; URL=shuffle.htm">') document.write('<FONT SIZE=2>' + title + '</Font><BR>') document.write('<META HTTP-EQUIV=REFRESH CONTENT="' + leng + '; URL=jv_midi3.html">') document.write('<EMBED SRC="'+ midi +'" WIDTH=140 HEIGHT=60 AUTOSTART="true" LOOP="false">')</script> </body> </html>

Title: Plugins Table
Details: 2.31 KB August 23 1997
Description: JavaScript can create a table to display all the plugins displayed on your computer. Also tells if they are enabled, etc.. NETSCAPE ONLY..
  <BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT> </CENTER>

Title: Referrer
Details: 0.52 KB December 21 1997
Description: It's always fun to show how good you are with JavaScript. This script will show where the visitor came from. Pretty cool!
  <script LANGUAGE="JavaScript">   </script>

Title: Right Browser
Contributor URL: http://www.geocities.com/SiliconValley/6052
Details: 1.46 KB February 22 1998
Description: How do you let your visitors know that they do or do not have the right browser to view your site? Use this JavaScript! It'll tell them if they are using the right browser and the right version, or not....
  <HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>  <BODY> <center><FONT SIZE=-1>This page is best viewed with Netscape 3.01, Windows 95 and 640x480 resolution.</FONT> <FORM><INPUT TYPE=BUTTON VALUE="Have the right browser?" onClick="DetectBrowser ('Netscape','3.01Gold (Win95; I)')"></FORM></center>

Title: Screen Size
Details: 0.51 KB August 23 1997
Description: JavaScript can even tell the visitor their screensize in the format: XX pixels by XX pixels. Very neat.
  <HEAD> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT>

Title: Visitor Monitor
Details: 2.16 KB August 23 1997
Description: If you are really interested in knowing who has come to your site, use this script. You will receive an e-mail from each visitor without them sending it. Very sneaky!
  <HEAD> <SCRIPT LANGUAGE="JavaScript">   </script> </HEAD>  <BODY onLoad="doneLoading()">  <FORM name="form1" METHOD=post action="mailto:antispammer@earthling.net?SUBJECT=Devious Visitor Monitor" enctype="text/plain" onSubmit="return checkForDuplicate()"> <input type="hidden" name="PAGE" value="none"> <input type="hidden" name="REFERRER" value="none"> <input type="hidden" name="PLATFORM" value="none"> <input type="hidden" name="LOADING_TIME" value="none"> <input type="submit" name="SUBMITTER" value="Click me to let me know you were here"> </form>

Title: Times Visited a Page With a Message to your Vistor
Details: 1.16 KB Ocotber 23 1998 - Next Step
Description: This script will show your visitors how many times that they have visited your page and display a message that you make for each new time they visit your site!
<html> <head> <title>Now put these lines where you want the message to go</title> <script language="JavaScript">  //If you want to spice up the lettering a little bit by making it bold or adding color, you would take one of the lines like this --> document.write("YOUR MESSAGE"); and add the tags. Here's an example...// //document.write("<font color="red"><strong><em>"+"YOUR MESSAGE"+"</font></strong></em>);// </script> </head> <body> <p align="center">Now put these lines where you want the message to go. <script language="JavaScript">  </script> </p> </body> </html>

Title: Users Operating System
Description: A script that directs surfers to a different page, depending on his OS (operating system).

Insert This code into between the <HEAD> tags of your HTML Page.

Insert This code into between the <Body> tags of your HTML Page.

::Windows::

Title:Windows (Open New Windows\Close)
Contributor: Next Step
Details: 5.31 KB February 15 1998
Description: This script is a wonderful example of JavaScript at it's best. This will show you the basics on opening new windows and closing windows
<html> <head> <title>Create a New Window</title> </head> <body> <form NAME="winform"> <p><input TYPE="button" VALUE="Open New Window" onClick="NewWin=window.open('','NewWin', 'toolbar=no,status=no,width=200,height=100'); "> </p> <p><input TYPE="button" VALUE="Close New Window" onClick="NewWin.close();"> </p> <p><input TYPE="button" VALUE="Close Main Window" onClick="window.close();"> </p> </form> </body> </html>

Create a New Window

Use the buttons below to test opening and closing windows in JavaScript.

Have fun!

Title:Advance Window Scroller
Description: This is actually a DHTML script that scrolls down a page than repeats again and again.