<1>Mouse over makes a message box pop up. Insert Part 3 anywhere between <BODY> and </BODY> tags. Replace words YOUR MESSAGE with your message and type your text instead of THE HIGHLIGHTED TEXT GOES HERE.
<2>
<3>
<4><a href="" onMouseOver="alert('YOUR MESSAGE');return true;">THE HIGHLIGHTED TEXT GOES HERE</a>
<End>
"Mouse over image - Alert"
<1>Mouse over makes a message box pop up. Insert Part 3 anywhere between <BODY> and </BODY> tags. Replace words YOUR MESSAGE with your message and enter your image file instead of YOUR IMAGE FILE.
<1>Mouse over makes a new window pop up. Insert Part 1 between <HEAD> and </HEAD> tags. Replace words YOUR LINK LOCATION with link of your desired destination. Insert Part 3 anywhere between <BODY> and </BODY> tags. Type your text instead of THE HIGHLIGHTED TEXT GOES HERE.
<4><a href="" onMouseOver="winopen(); return true;">THE HIGHLIGHTED TEXT GOES HERE</a>
<End>
"Mouse over image - New window"
<1>Mouse over makes a new window pop up. Insert Part 1 between <HEAD> and </HEAD> tags. Replace words YOUR LINK LOCATION with link of your desired destination. Insert Part 3 anywhere between <BODY> and </BODY> tags. Enter your Image file instead of YOUR IMAGE FILE.
<1>Mouse over makes a new window pop up. Insert Part 3 anywhere between <BODY> and </BODY> tags. Replace words IMAGE FILE with your Image file, YOUR MAP NAME with name of your image map, type your coordinates instead of # characters, enter your links instead of YOUR LINK and YOUR WIDTH and YOUR HEIGHT.
<1>Mouse over makes a new window pop up. To use this script with 2 links insert the Part 1 into your <HEAD></HEAD> tag (between </TITLE) and </HEAD>. You also have to change NEW WINDOW LINK, WINDOW NAME, and (or) any of window properties. Insert Part 3 anywhere in your page (between <BODY> and </BODY> and change the LINK LOCATION and LINK DESCRIPTION.
<1>This type of status bar description goes on and off whenever your mouse is on the link. Insert the first Part 1 into your <HEAD></HEAD> tag and Part 3 in the body of your document. Replace Uppercase text with appropiate information.
<2><script language="JavaScript">
<!-- Hide the script from old browsers --
function a(txt) {
self.status = txt
}
function b() {
self.status = ""
}
// --End Hiding Here -->
</script>
<3>
<4><A HREF="YOUR LINK" onMouseOver="a('STATUS BAR MESSAGE GOES HERE');return true"
onMouseOut="b()">LINK DESCRIPTION</a>
<!-- You can copy and paste this line for as many links that you have. -->
<End>
"Mouse over text - Status bar description #2"
<1>This type of status bar description goes on and stays on for a specified amount of time whenever your mouse is on the link. Insert the Part 1 into your <HEAD></HEAD> tag. Insert the Part 3 in the body of your document and edit the appropiate information.
<2><script language="JavaScript">
<!-- Hide the script from old browsers --
function windowon(txt){
window.status = txt;
setTimeout("windowoff()",1200);
}
function windowoff(){
window.status="";
}
// --End Hiding Here -->
</script>
<3>
<4><A HREF="http://YOUR URL" onMouseOver = "windowon('THE TEXT YOU WANT IN
THE WINDOW STATUS');return true">THIS DESCRIBES THE LINK</a>
<!-- You can copy and paste this line for as many links that you have. -->
<End>
"Mouse over image - Status bar description"
<1>This type of status bar description goes on and off whenever your mouse is on the link (Image). Insert the Part 1 into your <HEAD></HEAD> tag. Insert the Part 3 in the body of your document and edit the appropiate information.
<2><script language="JavaScript">
<!-- Hide the script from old browsers --
function a(txt) {
self.status = txt
}
function b() {
self.status = ""
}
// --End Hiding Here -->
</script>
<3>
<4><A HREF="YOUR LINK" onMouseOver="a('STATUS BAR MESSAGE GOES HERE');return true"
<1>Insert Part 1 in your <HEAD></HEAD> tag. Insert Part 3 in your <BODY></BODY> tag. Change all the uppercase info in the script also change the "#" to the appropriate number. The first link will be "2" and the next will be "3". Never change the line "onMouseOut=writeTip(1)"
<2><SCRIPT Language="JavaScript">
<!-- Hide from JavaImpaired Browsers
var sid="mitnamdliw_wildmantim";
//Array function compatible with Netscape 2.0x and 3.0x
function MakeArray(n) {
this.length = n;
for (var i = 1; i <= n; i++) {
this[i] = 0 }
return this
}
//create an array to store tips
//each button in the graphic requires an entry here
<A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(1)">DESCRIPTION OF LINK</A>
<A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(1)">DESCRIPTION OF LINK</A>
<!-- To add another link add this line in the head tag with the ones
that look like it.
ToolTips[4] = "DESCRIPTION #3";
and this line within body tags in your page.
<A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(1)">DESCRIPTION OF LINK</A> -->
<End>
"Mouse over text - Dialoge box (Frames)"
<1>Insert Part 1 in the head tag of your frame that will have the links. You will need to change FRAME_NAME to the name of the frame that the dialogue box is located. Insert Part 3 within body tags in same page. Insert Part 2 in the page that you want the dialogue box to go. Change all the uppercase info in the script. Also change the "#" to the appropriate number. The first link will be "2" and the next will be "3". Never change the line "onMouseOut=writeTip(1)"
<2><SCRIPT Language="JavaScript">
<!-- Hide from JavaImpaired Browsers
var sid="mitnamdliw_wildmantim";
//Array function compatible with Netscape 2.0x and 3.0x
function MakeArray(n) {
this.length = n;
for (var i = 1; i <= n; i++) {
this[i] = 0 }
return this
}
//create an array to store tips
//each button in the graphic requires an entry here
<4><A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(1)">DESCRIPTION OF LINK</A>
<A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(1)">DESCRIPTION OF LINK</A>
<End>
"Mouse over image - Changing image"
<1>Insert Part 1 in your <HEAD></HEAD> tag and Part 3 within body tags. The first thing that needs to be done is the change the IMAGE FILE ON (in the top script) and the IMAGE OFF (in the top and bottom script). Also, you need
<!--If you want add more images, you'll have to adjust the top script by adding this additional line. (this is an example of how to add a third image image)This goes after the lines that look identical.
image3= new Image();
image3.src = "IMAGE FILE OFF";
image3on = new Image();
image3on.src = "IMAGE FILE ON";
Notice how "image2" went to "image3". To add a fourth image
you would replace all the "image3"'s with "image4" and so on.
Now put this link in the body of your document to make the third
<!--If you want add more images, you'll have to adjust the top script by adding this additional line. (this is an example of how to add a third image image)This goes after the lines that look identical.
image3= new Image();
image3.src = "IMAGE FILE OFF";
image3on = new Image();
image3on.src = "IMAGE FILE ON";
image3alt = new Image();
image3alt.src = "ALT IMAGE OFF";
image3alton = new Image();
image3alton.src = "ALT IMAGE ON";
Notice how "image2" went to "image3" and "image2alt" went to
"image3alt". To add a fourth image you would replace all the
"image3"'s with "image4" and so on.
Now put this link in the body of your document to make the third
Notice how the image number went up to "image3". Repet all the steps that I just showed you to put in a fourth or fifth image and change "image3" to "image4" or "image5". Same goes for "image3alt". -->
<End>
"Browser - System detection"
<1>Insert Part 3 wherever you want within body of your document.
<2>
<3>
<4><Script Language="JavaScript">
<!--document.write(navigator.appName)
document.write(navigator.appVersion)//-->
</script>
<End>
"Browser descrimination"
<1>Insert Part 3 wherever you want within body of your document and change START TAG GOES HERE, DESCRIPTION GOES HERE, BROWSER TYPE, and END TAG GOES HERE. Browser Types:Netscape = Netscape, Internet Explorer = Microsoft Internet Explorer
document.write("You have visited this page "+visits+" time(s)."+"<br>");
if(visits == 1)
document.write("YOUR MESSAGE");
if(visits == 2)
document.write("YOUR MESSAGE");
if(visits == 3)
document.write("YOUR MESSAGE");
if(visits == 4)
document.write("YOUR MESSAGE");
if(visits == 5)
document.write("YOUR MESSAGE");
if(visits == 6)
document.write("YOUR MESSAGE");
if(visits == 7)
document.write("YOUR MESSAGE");
if(visits== 8)
document.write("YOUR MESSAGE");
if(visits== 9)
document.write("YOUR MESSAGE");
if(visits>=10)
document.write("YOUR MESSAGE");
// -- End Hiding Here -->
</script>
<End>
"Page update alert"
<1>This script uses cookies to tell you if the page that you have just entered has been edited since your last visit. Insert Part 1 into your <head></head> tag. After you copy this, change the value YOURNAME in the top of the script. You can put anything that you want.
<1>When you click on a link, an alert will pop up and then you will be taken to the link destination. Insert Part 3 in body and enter your message and link.
<1>After page loads, an alert message will appear. This handy to add a personal touch to your page, like saying hello. Insert Part 1 into your
head, Part 2 in your body code. An example is: <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="loadalert()"> or <body onLoad="loadalert()>
<2><script language="JavaScript">
<!-- Hide the script from old browsers --
function loadalert ()
{alert("YOUR MESSAGE GOES HERE!!!")
}
// --End Hiding Here -->
</script>
<3><body onLoad="loadalert()">
<4>
<End>
"Link Confirm/Cancel alert"
<1>Insert Part 1 in your head and then change YOUR CONFIRM MESSAGE and YOUR LINK GOES HERE. Insert Part 3 anywhere in your page body and change YOUR LINK DESCRIPTION.
<2><script>
function rusure(){
question = confirm("YOUR CONFIRM MESSAGE")
if (question !="0"){
top.location = "YOUR LINK GOES HERE"
}
}
</script>
<3>
<4><a href="" onClick="rusure(); return false;">YOUR LINK DESCRIPTION</a>
<End>
"Confirm/Cancel alert - Two links"
<1>Insert Part 1 in your head and then change YOUR CONFIRM MESSAGE and YOUR LINK GOES HERE. Insert Part 3 anywhere in your page body and change YOUR LINK DESCRIPTION.
<2><script>
function rusure(){
question = confirm("YOUR CONFIRM MESSAGE")
if (question !="0"){
top.location = "YOUR LINK GOES HERE"
}
}
function rusure1(){
question = confirm("YOUR CONFIRM MESSAGE")
if (question !="0"){
top.location = "YOUR LINK GOES HERE"
}
}
</script>
<3>
<4><a href="" onClick="rusure(); return false;">YOUR LINK DESCRIPTION</a><br>
<a href="" onClick="rusure1(); return false;">YOUR LINK DESCRIPTION</a>
<End>
"Confirm/Cancel Page alert"
<1>Insert Part 3 anywhere in your page body and change YOUR MESSAGE GOES HERE.
<2>
<3>
<4><script language="JavaScript">
function CONFIRM(){if (!confirm
("YOUR MESSAGE GOES HERE"))
history.go(-1);return " "}
document.writeln(CONFIRM())
</script>
<End>
"Confirm/Cancel alert - Alt. location"
<1>Insert Part 1 in your <head></head> tag and change the UPPERCASE information. This is perfect if you want to ask someone if they would like to sign your guestbook first.
<2><script language="JavaScript">
function CONFIRM(){if (confirm("YOUR MESSAGE GOES HERE"))
location="YOUR LINK GOES HERE";return " "}
document.writeln(CONFIRM())
</script>
<3>
<4>
<End>
"Button - New window"
<1>This button opens a new window where you can control its properties (scrollbars, size, status...). To do that, answer yes or no, or change the numbers and YOUR LINK GOES HERE.
<2>
<3>
<4><FORM><input type="button" Value="Open Window" ONCLICK="window.open('YOUR LINK GOES HERE', 'Sample', 'toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,copyhistory=yes,width=635,height=260')"></FORM>
<End>
"Form using Mailto:"
<1>Insert Part 1 in the <head></head> and Part 3 in the body of your document. Change the YOUR E-MAIL ADDRESS and YOUR SUBJECT.
<1>To get focus of Text box on page insert Part 2 into your body code. An example is: <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="this.document.form1.a.focus();">
or <body onLoad="this.document.form1.a.focus();">, and insert Part 3 somewhere in body of your page. Read or insert Part 1 (It's comment) to see how to applay this code to other elements.
<2><!-- Giving focus to a form and to having all the words inside it highlighted. Just copy the following lines.
Giving the focus to a button. If you hit the space bar, you can press in the button. A more practical use for this is using the onLoad function. Here is the script.
Tabbing - Selecting Everything. Click in the first box then press TAB. the second box will be highlighted! Sorry I can't get the first one to highlight. It won't get selected if you click on the form. I haven't gotten that to work. Here's how it goes...
<1>Here is a fun little script! Just click on the checkboxes to make a
funny sentence. (Some of you might have seen something like this on Excite!)To use this script insert Part 1 into your head tag and Part 3 in your body. Change YOU WORDS GO HERE.
<1>These buttons have to go into another frame other than the main frame, they won't work without frames! Insert Part 3 in your body and change FRAME TARGET NAME to the name of the frame that you want to go back and forward.
<1> Clicking on the button will take you to the link that's showing on the button! Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000"
<INPUT TYPE="button" VALUE=" WHERE TO? " NAME="goTo"
onClick="window.goToUrl()">
</FORM>
<End>
"Digital clock"
<1>Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000"
LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock()">or <body onLoad="startclock()"> Insert Part 3 in wherever in body of your document.
<1>Check out the clock in the status bar at the bottom. Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock()"> or <body onLoad="startclock()">. Insert Part 3 in wherever in body of your document.
<1>This clocks uses graphics and is constantly updated. Don't forget the images - digits1.zip. You'll have to "Unzip" it and upload to your server in same directory with your HTML document. Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="go()"> or <body onLoad="go()">. Insert Part 3 in wherever in body of your document.
<1>Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock();""> or
<body onLoad="startclock();"> Insert Part 3 in wherever in body of your document.
<1>This script displays a different message for each day. The only thing you need to change is the MONTH# in the top of the script. Yes, you will have to update this every month.Insert Part 1 in the <head></head> of your document. Insert Part 3 in wherever in body of your document.
<2><SCRIPT Language="JavaScript">
<!-- Hide from old, pathetic browsers
// This script was written by Doug Popeney (dpopeney@oboe.aix.calpoly.edu)
// (Any line that has // may be deleted, they are just comments!)
var now = new Date();
var month = now.getMonth() + 1;
var date = now.getDate();
var year = now.getYear();
if (month == "MONTH#"){
msgs = new Array
msgs[1] = "MESSAGE #1"
msgs[2] = "MESSAGE #2"
msgs[3] = "MESSAGE #3"
msgs[4] = "MESSAGE #4"
msgs[5] = "MESSAGE #5"
msgs[6] = "MESSAGE #6"
msgs[7] = "MESSAGE #7"
msgs[8] = "MESSAGE #8"
msgs[9] = "MESSAGE #9"
msgs[10] = "MESSAGE #10"
msgs[11] = "MESSAGE #11"
msgs[12] = "MESSAGE #12"
msgs[13] = "MESSAGE #13"
msgs[14] = "MESSAGE #14"
msgs[15] = "MESSAGE #15"
msgs[16] = "MESSAGE #16"
msgs[17] = "MESSAGE #17"
msgs[18] = "MESSAGE #18"
msgs[19] = "MESSAGE #19"
msgs[20] = "MESSAGE #20"
msgs[21] = "MESSAGE #21"
msgs[22] = "MESSAGE #22"
msgs[23] = "MESSAGE #23"
msgs[24] = "MESSAGE #24"
msgs[25] = "MESSAGE #25"
msgs[26] = "MESSAGE #26"
msgs[27] = "MESSAGE #27"
msgs[28] = "MESSAGE #28"
msgs[29] = "MESSAGE #29"
msgs[30] = "MESSAGE #30"
msgs[31] = "MESSAGE #31"
var msg = msgs[date]
}
//-->
</SCRIPT>
<3>
<4><SCRIPT>
document.write(msg);
<SCRIPT>
<End>
"Countdown to..."
<1>Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000"
LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock()"> or
<body onLoad="startclock()"> Insert Part 3 in wherever in body of your document.
<2><SCRIPT LANGUAGE="JavaScript">
<!--
var timerID;
var timerRunning = false;
var today = new Date();
var count = new Date();
var secPerDay = 0;
var minPerDay = 0;
var hourPerDay = 0;
var secsLeft = 0;
var secsRound = 0;
var secsRemain = 0;
var minLeft = 0;
var minRound = 0;
var dayRemain = 0;
var minRemain = 0;
var Expire = 0;
var timeRemain = 0;
var timeUp = "YOUR MESSAGE ON DATE"
var time = "0 days, 0 hours, 0 minutes, 0 seconds" //do not modify this text
<1>Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock()"> or
<body onLoad="startclock()">. Insert Part 3 in wherever in body of your document.
<2><script language="JavaScript">
var Temp2;
var timerID = null;
var timerRunning = false;
function showtime() {
now = new Date();
var CurHour = now.getHours();
var CurMinute = now.getMinutes();
var CurMonth = now.getMonth();
var CurDate = now.getDate();
var CurYear = now.getYear();
var CurSecond = now.getSeconds();
now = null;
Hourleft = 23 - CurHour
Minuteleft = 59 - CurMinute
Secondleft = 59 - CurSecond
var Yearleft = 99 - CurYear
var Monthleft = 11 - CurMonth
var Dateleft = 31 - CurDate
if (Yearleft!=1) {var ys="s"} else {var ys=""};
if (Monthleft!=1) {var mos="s"} else {var mos=""}
if (Dateleft!=1) {var ds="s"} else {var ds=""}
if (Hourleft!=1) {var hs="s"} else {var hs=""}
if (Minuteleft!=1) {var mis="s"} else {var mis=""}
if (Secondleft!=1) {var ss="s"} else {var ss=""}
Temp2='Still '+Yearleft+' year'+ys+', '+Monthleft+' month'+mos+', '+Dateleft+' day'+ds+', '+Hourleft+' hour'+hs+', '+Minuteleft+' minute'+mis+', '+Secondleft+' second'+ss+' left until the year 2000! '
<1>Scrolling message at the Status bar.Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="timerONE=window.setTimeout('scrollit(100)',500)"> or
<1>This type of scroller only lasts for one time. Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="snapSetup()"> or <body onLoad="snapSetup()">. Change MESSAGE...
<2><SCRIPT LANGUAGE="JavaScript">
<!--
function snapIn(jumpSpaces,position) {
var msg = "YOUR MESSAGE GOES HERE!!!"
var out = ""
if (killScroll) {return false}
for (var i=0; i<position; i++){
out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++) {
out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ') {
position++ }
jumpSpaces = 100-position
}
else if (jumpSpaces > 3) {
jumpSpaces *= .75}
else {
jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,5);
}
else {
scrolling = false
return false
}
return true
}
function snapSetup() {
if (scrolling)
if (!confirm('Re-initialize snapIn?'))
return false
killScroll = true
scrolling = true
var killID = window.setTimeout('killScroll=false',6)
scrollID = window.setTimeout('snapIn(100,0)',10)
return true
}
var scrollID = Object
var scrolling = false
var killScroll = false
// -->
</SCRIPT>
<3><body onLoad="snapSetup()">
<4>
<End>
"Random Status bar Scroller"
<1>This type of scroller desplays the message in a random manner. Insert Part 1 in the <head></head> of your document. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startBanner()"> or <body oonLoad="startBanner()">. Change MESSAGE...
<1>This marquee lets you scroll two messages. Insert Part 3 to where ever you what the marquee to go in your page (in body). Change MESSAGE... or size(68)
<2>
<3>
<4><script language="JavaScript">
var scrtxt= "YOUR FIRST MESSAGE GOES HERE"
var lentxt= scrtxt.length;
var width= 100;
var countb= 8; // number of times t flash message //
var count= width+lentxt;
var nmsg=1; // number of messages
var message= new initArray(" YOUR SECOND MESSAGE GOES HERE");
function initArray() {
this.length= initArray.arguments.length
for (var i= 0; i < this.length; i++)
this[i+1]= initArray.arguments[i]
}
function shift() {
var outtxt= ""
var dif= count-lentxt;
if (dif>0) {
for (var i= 1; i<=dif; i++) {
outtxt= outtxt+" "}
outtxt= outtxt+scrtxt.substring(0,width-dif)
}
else {
outtxt= scrtxt.substring(-dif,lentxt)
}
document.scrform.scrtext.value= outtxt
}
function scroll() {
var n;
if ((countb>0) && (count-lentxt==0)) {count=0}
if (count-->0) {
shift();
setTimeout("scroll()",65) // 50 display timer between letters //
}
else {
if (countb-->0) {
if ((countb % 2)==0) {
document.scrform.scrtext.value= " "
setTimeout("scroll()",250) //150 Flash timer for start message//
}
else {
document.scrform.scrtext.value= scrtxt;
if (countb==1) {
setTimeout("scroll()",2000)} //3000 delay to hold start message after flashing//
setTimeout("scroll()",150) //150 delay between showing 2nd mess over and over //
}
}
}
// -->
</script>
<center>
<FORM NAME="scrform" onSubmit="0">
<INPUT TYPE="text" NAME="scrtext" SIZE=68>
</FORM>
<SCRIPT> scroll();</SCRIPT>
</CENTER>
<End>
"Random link generator"
<1>This will take you to any random link specified by the author. Insert Part 1 in the <head></head> of your document. Insert Part 3 to where ever you what in body of your page. Change YOUR LINK GOES HERE and DESCRIPTION.
<2><script language="JavaScript">
<!-- the contents of this script need to be hidden from other browsers
function picklink() {
var linknumber = 4 ;
var linktext = "nolink.html" ;
var randomnumber = Math.random() ;
var linkselect = Math.round( (linknumber-1) * randomnumber) + 1 ;
<!-- To add more links or searchs possibliites, just add the following
lines of code. They go in about the top-middle of the script with
the ones that are exactly like them.
arraycount += 1
urlsArray[arraycount] = "YOUR LINK"
namesArray[arraycount] = "YOUR NAME"
descArray[arraycount] = "YOU KEYWORDS OR DESCRIPTION"-->
<End>
"LED Sign"
<1>Insert Part 3 in you page where ever you want the LED sign to go. Also, you need to put these 2 gifs, on.gif and off.gif, in your internet directory. VERY IMPORTANT: No capital letters!,it won't work. Don't forget to change the messages!
<2>
<3>
<4><SCRIPT LANGUAGE="JavaScript">
<!--
// set messages (specify backslash in double form (i.e, \\)
var messages = new Array()
messages[0] = "welcome to my page"
messages[1] = "cool led sign eh"
messages[2] = "you can add a lot.."
messages[3] = "of messages to this."
// number of milliseconds to pause between two messages
var pause = 3000
// set normal spacing between two characters (no whitespace inbetween)
var space = 1
// set height width of each character
var height = 5
var width = 3
// create object of all supported characters in font
var letters = new letterArray()
// initialize image variables
var on = new Image(5, 5)
var off = new Image(5, 5)
// set image URLs
on.src = "on.gif"
off.src = "off.gif"
// get number of images already laid out in page
var imageNum = document.images.length
// compute width of board
//var boardWidth = longest * (width + space) - space
// set maximum message length in images
var boardWidth = 0
for (var i = 0; i < messages.length; ++i) {
var lengthWithNoSpaces = messages[i].split(" ").join("").length
var numberOfSpaces = messages[i].length - lengthWithNoSpaces
var currentBoardWidth = lengthWithNoSpaces * (width + space) - space + numberOfSpaces * space * 2
<!-- To choose your final background color, you'll need to
change some of the javascript code. At the end of the script
notice the line
// black to white (pause)
bgChanger("000000","FFFFFF",25);
"FFFFFF" is white. Just substitute "FFFFFF" with the RGB code of
your color background.-->
<3>
<4>
<End>
"Status bar flasher"
<1>Insert Part 1 into your <head></head> tag. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="flash()"> or <body onLoad="flash()">
<2><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>
<!--You can control the speed of the flashing in this script. You just need to change the speed number 300. Bigger the number the slower it goes.-->
<3><body onLoad="flash()">
<4>
<End>
"Rainbow text"
<1>Insert Part 3 wherever you want some rainbow text!
<!--To add more IMAGES or any other file, find the lines that look
like these...
// Loaded Pictures go here
var pics = new initArray(
"IMAGE FILE",
"IMAGE FILE",
"IMAGE FILE");
To add a fourth image file those lines should now look like this...
// Loaded Pictures go here
var pics = new initArray(
"IMAGE FILE",
"IMAGE FILE",
"NEW IMAGE FILE",
"IMAGE FILE");-->
<End>
"New window - Link"
<1>Insert Part 3 into your page and change the info in UPPERCASE. You can also edit the window properties like the toolbar and status bar by changing the value to "yes" or "no".
<2>
<3>
<4><a href="PARENT WINDOW LOCATION" ONCLICK="window.open('DESTINATION LINK IN NEW WINDOW',
<1>To use this script insert Part 1 into your head tag and Part 3 anywhere in body of page.You need to edit the info in UPPERCASE and any of the window properties that you want added or deleted.
<2><script language="JavaScript">
function winopen(){
window.open('DESTINATION LINK IN NEW WINDOW1', 'NewWindow1', 'toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,copyhistory=yes,width=635,height=260')
window.open('DESTINATION LINK IN NEW WINDOW2', 'NewWindow2', 'toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,copyhistory=yes,width=635,height=260')
<1>Insert Part 1 into your head tag. Insert Part 2 inside your body code.An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="winopen()"> or <body onLoad="winopen()">. Change LINK LOCATION, WINDOW NAME and any of the window attributes.
<1>Insert Part 1 in the <head></head> tags. Insert Part 2 inside your body code.An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="flipper()"> or <body onLoad="flipper()">. Insert Part 3 where ever you want in your HTML
document. it will be the switching image. Change the name "IMAGE.gif" to the image file that you want to start off with. Also change the names of the images where it says "IMAGE1.gif". You can add as many images as you want, just put them within the parenthesis, seperate them with a comma and put the file name in quotations. Another thing that you will have to change is
the number "4" in the line "if (eatMe == 4) eatMe = 1;" put the number of images that you put in the script and add 1. For example, if you had 5 images, the number that you would put is "6".
<2><SCRIPT LANGUAGE="JavaScript">
function makeArray() {
this.length = makeArray.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
}
var teams = new makeArray ("IMAGE1.gif", "IMAGE2.gif", "IMAGE3.gif");
var eatMe = 1;
function flipper() {
document.form.image.src = teams[eatMe];
eatMe += 1;
if (eatMe == 4) eatMe = 1;
setTimeout("flipper()", 2000);
}
</SCRIPT>
<3><body onLoad="flipper()">
<4><form name="form">
<IMG name=image border=0 SRC = "IMAGE.gif">
<End>
"Fake format of C:\ drive"
<1>Here's the code, just insert Part 3 anywhere in your page. Check out the status bar! (Don't worry nothing will happen to your hard drive, it's just a little joke!)
<2>
<3>
<4><form name='sw'>
<input type="hidden" name="disp1" value="0:05">
<input type="hidden" name="disp2" value="0:05">
</form>
<script language="JavaScript">
<!--
window.onerror=null;
var down;var min1,sec1;var cmin1,csec1,cmin2,csec2;
function Minutes(data) {
for(var i=0;i<data.length;i++)
if(data.substring(i,i+1)==":")
break;
return(data.substring(0,i));
}
function Seconds(data) {
for(var i=0;i<data.length;i++)
if(data.substring(i,i+1)==":")
break;
return(data.substring(i+1,data.length));
}
function Down() {
cmin2=1*Minutes(document.sw.disp1.value);
csec2=0+Seconds(document.sw.disp2.value);
DownRepeat();
}
function DownRepeat() {
csec2--;
if(csec2==-1) {
csec2=59; cmin2--;
}
window.setTimeout('fakeformat(-1)',200);
}
function D() {
cmin2=1*Minutes(document.sw.disp1.value);
csec2=0+Seconds(document.sw.disp2.value);
DRepeat();
}
function DRepeat() {
csec2--;
if(csec2==-1) {
csec2=59; cmin2--;
}
self.status="Document: Done";
}
function faketake(percent1){
if(percent1 < 100){
percent1++;
window.status="Upload of drive C:\\ in progress: "+percent1+"% complete";
document.format.box.value="Format of hard drive complete...";D();}}
window.setTimeout('faketake(-1)',200);
// End -->
</script>
<3>
<4><form name='sw'>
<input type="hidden" name="disp1" value="0:05">
<input type="hidden" name="disp2" value="0:05">
</form>
<CENTER><form name="format">
<input type=text size=40 name="box">
</form></CENTER>
<End>
"Playing sound files"
<1>Insert Part 1 into your head tag. Insert Part 2 inside your body code. An example is:<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="PlaySound()"> or <body onLoad="PlaySound()">. Change YOUR SOUND FILE.
<2><SCRIPT LANGUAGE = "JavaScript">
function PlaySound(){
window.location = "YOUR SOUND FILE"
}
</SCRIPT>
<3><body onLoad="PlaySound()">
<4>
<End>
"Greeting Based On Time Of Day"
<1>Insert Part 3 where ever you want it in your page.
<1>This script lets you search search engines with only one form. Insert Part 1 of this code into your <head></head> tag and insert Part 3 in the body of your document.
Notice how the menu number increased! If you want a fifth
image, copy those lines and change it to menu5on, menu5off,
and menu5.-->
<End>
"Mouse over image - Changing image and Status bar description"
<1>Insert Part 1 in you <head></head> tag. Insert Part 3 anywhere in your page. Change the names of the image files "IMAGE_ON.gif" and "IMAGE_OFF.gif". You need to put your link where it say "YOUR LINK HERE",and
change YOUR STATUS DESCRIPTION.
<2><script language="JavaScript">
<!--
// hide contents
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) version = "n3";
else version = "msie";
if (version == "n3")
{
menu1on = new Image; menu1on.src="IMAGE_ON.gif";
menu1off = new Image(50,50); menu1off.src="IMAGE_OFF.gif";
}
function img_act(imgName)
{
if (version == "n3")
{
imgOn = eval(imgName + "on.src");
document [imgName].src = imgOn;
}
}
function img_inact(imgName)
{
if (version == "n3")
{
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}
}
function a(txt) {
self.status = txt
}
function b() {
self.status = ""
}
// --End Hiding Here -->
</script>
<3>
<4><a href="YOUR LINK HERE" onmouseover="img_act('menu1'); a('YOUR STATUS DESCIPTION');
<1>This javascript will automatically pick random backgrounds from the one's that you list or the color that you specify as your background color in your body tag. Click Reload to test a new background... Insert Part 1 in your <head></head> tag. Insert Part 2 into your body tag. For example, body tag may look like this <BODY BGCOLOR="#FFFFFF" BACKGROUND="BACKGROUND #1" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080">. Change BACKGROUND #1... to your file.
<1>You can make use of the back and forward functions with pictures. All you need to do is insert Part 3 wherever you want. Just change the uppercase text.
<1>You can have any type of sound file for this script. Also, the more sounds in your directory the better variety the is for the script to choose
from. Finally, all the sound files must have the same name begginning like number1.mid, number2.mid, and number3.mid. Insert Part 3 where ever you want in your page. Also, change the sound extention, beginning name, and sound location (just the uppercase words).
