CGI Scripts

http://www.chalcedony.com/javascript/

MOVING TEXT "ON THE ROAD AGAIN"
<HTML>
<HEAD>
<TITLE>Watch me go!</TITLE>
<SCRIPT TYPE="TEXT/JAVASCRIPT" LANGUAGE=JAVASCRIPT>
<!-- Hide script from older browsers

keepGoing = true

function moveIt() {
   if (document.all) {
    document.all.mover.style.pixelTop += 2
    document.all.mover.style.pixelLeft += 2
    if (document.all.mover.style.pixelTop > (document.body.clientHeight-100)) {
     keepGoing = false
    }
   }
   else {
    document.mover.top += 2
    document.mover.left += 2
    if (document.mover.top > (window.innerHeight-100)) {
     keepGoing = false
    }
   }

   if (keepGoing) {
    setTimeout("moveIt()",20)
   }
}

// End hiding script -->
</SCRIPT>
<STYLE TYPE="TEXT/CSS">
#mover {position: absolute; left: 5; top: 5; font-size:36pt}
</STYLE>
</HEAD>
<BODY BGCOLOR=WHITE onLoad="moveIt()">
<DIV ID="mover">
On the road again...
</DIV>
</BODY>
</HTML>

MOVING BUTTERFLY

<HTML>
<HEAD>
<TITLE>Butterfly</TITLE>
<SCRIPT TYPE="TEXT/JAVASCRIPT" LANGUAGE=JAVASCRIPT>
<!-- Hide script from older browsers

firstTime = true

function moveIt() {
   if (firstTime) {
    if (document.all) {
     maxHeight = document.body.clientHeight-40
     maxWidth = document.body.clientWidth-40
    }
    else {
     maxHeight = window.innerHeight-40
     maxWidth = window.innerWidth-40
    }
    firstTime = false
   }

   if (document.all) {
    topPos = document.all.mover.style.pixelTop
    leftPos = document.all.mover.style.pixelLeft
   }
   else {
    topPos = document.mover.top
    leftPos = document.mover.left
   }

   chgXBy = Math.floor(Math.random() * 10)
   if ((halfChance() || topPos >= maxHeight) && topPos > 5) {
    topPos -= chgXBy
   }
   else {
    topPos += chgXBy
   }

   chgYBy = Math.floor(Math.random() * 10)
   if ((halfChance() || leftPos >= maxWidth) && leftPos > 5) {
    leftPos -= chgYBy
   }
   else {
    leftPos += chgYBy
   }

   if (document.all) {
     document.all.mover.style.pixelTop = topPos
     document.all.mover.style.pixelLeft = leftPos
   }
   else {
     document.mover.top = topPos
     document.mover.left = leftPos
   }

setTimeout("moveIt()",20)
}

function halfChance() {
   if (Math.random() < .5) {
    return true
   }
   return false
}

// End hiding script -->
</SCRIPT>
<STYLE TYPE="TEXT/CSS">
#mover {position: absolute; left: 5; top: 5;}
</STYLE>
</HEAD>
<BODY BGCOLOR=WHITE onLoad="moveIt()">
<DIV ID="mover">
<IMG SRC="images/butterfly.gif" WIDTH=32 HEIGHT=32>
</DIV>
</BODY>
</HTML>

BLUE/RED ROLLOVER ARROW
<HTML>
<HEAD>
<TITLE>A Simple Rollover</TITLE>
</HEAD>
<BODY BGCOLOR=WHITE>
<A HREF="next.html" onMouseover="document.arrow.src='images/redArrow.gif'" onMouseout="document.arrow.src='images/blueArrow.gif'"><IMG SRC="images/blueArrow.gif" WIDTH=147 HEIGHT=82 BORDER=0 NAME="arrow"></A>
</BODY>
</HTML>

ALLERT MESSAGES = "alert('Welcome to this page!)"
<HTML>
<HEAD>
<TITLE>Displaying Alert Boxes</TITLE>
</HEAD>
<BODY BGCOLOR=WHITE onLoad="alert('Welcome to this page!')">
<CENTER>
<H1>JavaScript for the World Wide Web, 3E</H1>
</CENTER>
</BODY>
</HTML>

TIme of day message for browser
<HTML>
<HEAD>
<TITLE>What time is it? JavaScript knows...</TITLE>
</HEAD>
<BODY BGCOLOR=WHITE>
<H1>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers

now = new Date

if (now.getHours() < 5) {
document.write("What are you doing up so late?")
}
else if (now.getHours() < 9) {
document.write("Good Morning!")
}
else if (now.getHours() < 17) {
document.write("No surfing during working hours!")
}
else {
document.write("Good Evening!")
}

// End hiding script from old browsers -->
</SCRIPT>
</H1>
</BODY>
</HTML>

I Hope you like this page better than (last URL is displayed)
<HTML>
<HEAD>
<TITLE>Do you like me?</TITLE>
</HEAD>
<BODY BGCOLOR=WHITE>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers

if (document.referrer != "") {
document.write("<H1>I hope you like this page better than " + document.referrer + ".<\/H1>")
}

// End hiding script from old browsers -->
</SCRIPT>
</BODY>
</HTML>

Calendar Menu, with links to Seperate window giving explanation of what's happening on the date selected.

<HTML>
<HEAD>
<TITLE>Do you like me?</TITLE>
</HEAD>
<BODY BGCOLOR=WHITE>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers

if (document.referrer != "") {
document.write("<H1>I hope you like this page better than " + document.referrer + ".<\/H1>")
}

// End hiding script from old browsers -->
</SCRIPT>
</BODY>
</HTML>

Creating a COUNTDOWN
IE: Dori says:
It's only 347 days until my birthday and 121 days until
Christmas--you'd better start shopping now!
And it's only 330 days until our anniversary...

<HTML>
<HEAD>
<TITLE>Dynamic Countdown</TITLE>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers

now = new Date
thisYr = now.getYear()
if (thisYr < 1900) {
thisYr = thisYr+1900
}
nextYr = thisYr + 1

anniv = new Date(thisYr,6,21)
if (anniv.getTime() < now.getTime()) {
anniv.setYear(nextYr)
}

birthday = new Date(thisYr,7,7)
if (birthday.getTime() < now.getTime()) {
birthday.setYear(nextYr)
}

xmas = new Date(thisYr,11,25)
if (xmas.getTime() < now.getTime()) {
xmas.setYear(nextYr)
}

function dayToDays(inTime) {
return (Math.floor(inTime.getTime() / (1000 * 60 * 60 * 24)))
}

function daysTill(inDate) {
return dayToDays(inDate) - dayToDays(now)
}

// End hiding script from old browsers -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=WHITE>
<H1>Dori says:<P>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from old browsers

document.write("It's only " + daysTill(birthday) + " days until my birthday and " + daysTill(xmas) + " days until Christmas--you'd better start shopping now!")

document.write("<p>And it's only "+ daysTill(anniv) +" days until our anniversary...")

// End hiding script from old browsers -->
</SCRIPT>
</H1>
</BODY>
</HTML>

MOVING A MOON (or Object) across the screen
<HTML>
<HEAD>
<TITLE>Moon</TITLE>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from older browsers

firstTime = true

function slide() {
   if (firstTime) {
    if (document.all) {
     rightDotPos = document.all.rightfore.style.pixelLeft
    }
    else {
     rightDotPos = document.rightfore.left
    }
    firstTime = false
   }

   if (document.all) {
    document.all.mover.style.pixelLeft += 2
    currPos = document.all.mover.style.pixelLeft
   }
   else {
    document.mover.left += 2
    currPos = document.mover.left
   }

   if (currPos < rightDotPos) {
    setTimeout("slide()",20)
   }
}

// End hiding script -->
</SCRIPT>
<STYLE TYPE="TEXT/CSS">
#leftfore {position: absolute; left: 0; top: 5; z-Index: 2}
#mover {position: absolute; left: 5; top: 5; z-Index: 1}
#rightfore {position: absolute; left: 470; top: 5; z-Index: 2}
</STYLE>
</HEAD>
<BODY BGCOLOR=BLACK onLoad="slide()">
<DIV ID="leftfore">
<IMG SRC="images/black_dot.gif" WIDTH=250 HEIGHT=250>
</DIV>
<DIV ID="mover">
<IMG SRC="images/full_moon.jpg" WIDTH=232 HEIGHT=232>
</DIV>
<DIV ID="rightfore">
<IMG SRC="images/black_dot.gif" WIDTH=250 HEIGHT=250>
</DIV>
</BODY>
</HTML>

PULL DOWN MENU FOR BOTH BROWERS. Different than normal drop down menu

<HTML>
<HEAD>
<TITLE>Pop Up</TITLE>
<SCRIPT TYPE="TEXT/JAVASCRIPT" LANGUAGE=JAVASCRIPT>
<!-- Hide script from older browsers

function toggleMenu(currElem) {
   if (document.all) {
    menuObj = eval("document.all." + currElem + ".style")
    menuObj.pixelTop = toggleVal(menuObj.pixelTop)
   }
   else {
    menuObj = eval("document." + currElem)
    menuObj.top = toggleVal(menuObj.top)
   }
}

function toggleVal(inVal) {
   if (inVal == -5) {
    return -90
   }
   return -5
}

// End hiding script -->
</SCRIPT>
<STYLE TYPE="TEXT/CSS">
.menu {position:absolute; font:12px/14px helvetica;
width:75px; background-color:#999999;
layer-background-color:#999999; color:#FFFFFF}
</STYLE>
</HEAD>
<BODY BGCOLOR=WHITE>
<SPAN ID="fileMenu" CLASS=menu STYLE="left:20px; top:-90px"><BR>
<A HREF="javascript:window.open()">Open</A><BR>
<A HREF="javascript:window.print()">Print</A><BR>
<A HREF="javascript:history.back()">Back</A><BR>
<A HREF="javascript:history.forward()">Forward</A><BR>
<A HREF="javascript:window.close()">Close</A>
<HR>
<A HREF="javascript:toggleMenu('fileMenu')">File</A>
</SPAN>
<SPAN ID="searchMenu" CLASS=menu STYLE="left:100px;top:-90px"><BR>
<A HREF="http://www.yahoo.com">Yahoo</A><BR>
<A HREF="http://www.excite.com">Excite</A><BR>
<A HREF="http://www.hotbot.com">HotBot</A><BR>
<A HREF="http://www.lycos.com">Lycos</A><BR>
<A HREF="http://www.infoseek.com">Infoseek</A>
<HR>
<A HREF="javascript:toggleMenu('searchMenu')">Search</A>
</SPAN>
</BODY>
</HTML>

SELECT AND GO NAVIGATION Goes with verifying Password script
<HTML>
<HEAD>
<TITLE>Select and Go Navigation</TITLE>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from older browsers

function jumpPage(newLoc) {
newPage = newLoc.options[newLoc.selectedIndex].value

   if (newPage != "") {
    window.location.href = newPage
   }
}

// End hiding script from older browsers -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=WHITE>
<DIV ALIGN=CENTER>
<FORM ACTION="gotoLocation.cgi" METHOD=GET>
<SELECT NAME="newLocation" onChange="jumpPage(this.form.newLocation)">
   <OPTION VALUE="" SELECTED>Select a topic
   <OPTION VALUE="script03.html">Selecting menu items
   <OPTION VALUE="script04.html">Working with radio buttons
   <OPTION VALUE="script05.html">Setting one field with another
   <OPTION VALUE="script06.html">Validating Zip codes
   <OPTION VALUE="script07.html">Validating email addresses
</SELECT>
<NOSCRIPT>
   <INPUT TYPE=SUBMIT VALUE="Go There!">
</NOSCRIPT>
</FORM>
</DIV>
</BODY>
</HTML>
PASSWORDS

<HTML>
<HEAD>
<TITLE>Password Check</TITLE>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from older browsers

function validForm(passForm) {
   if (passForm.passwd1.value == "") {
    alert("You must enter a password")
    passForm.passwd1.focus()
    return false
   }
   if (passForm.passwd1.value != passForm.passwd2.value) {
    alert("Entered passwords did not match")
    passForm.passwd1.focus()
    passForm.passwd1.select()
    return false
   }
   return true
}

// End hiding script -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=WHITE>
<FORM onSubmit="return validForm(this)" ACTION="someAction.cgi">
Your name: <INPUT TYPE=TEXT SIZE=30>
<P>Choose a password: <INPUT TYPE=PASSWORD NAME="passwd1">
<P>Verify password: <INPUT TYPE=PASSWORD NAME="passwd2">
<P><INPUT TYPE=SUBMIT VALUE="Submit"> <INPUT TYPE=RESET>
</FORM>
</BODY>
</HTML>

MORE TO COMPLETE SCRIPT For password and Select and GO

<HTML>
<HEAD>
<TITLE>Car Picker</TITLE>
<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide script from older browsers

function isNum(passedVal) {     // Is this a number?
   if (passedVal == "") {
    return false
   }
   for (i=0; i<passedVal.length; i++) {
    if (passedVal.charAt(i) < "0") {
     return false
    }
    if (passedVal.charAt(i) > "9") {
     return false
    }
   }
   return true
}

function validZip(inZip) {     // Is this a valid Zip code?
   if (inZip == "") {
    return true
   }
   if (isNum(inZip)) {      // Check if Zip is numeric
    return true
   }
   return false
}

function submitIt(carForm) {

   // make sure they enter a color
   colorChoice = carForm.color.selectedIndex
   if (carForm.color.options[colorChoice].value == "") {
    alert("You must pick a color")
    return false
   }

   // make sure they enter in a number of doors
   doorOption = -1
   for (i=0; i<carForm.DoorCt.length; i++) {
    if (carForm.DoorCt[i].checked) {
     doorOption = i
    }
   }
   if (doorOption == -1) {
    alert("You must choose 2 or 4 door")
    return false
   }

   // can't have the sunroof with a four door
   if (carForm.DoorCt[doorOption].value == "fourDoor" && carForm.sunroof.checked) {
    alert("The sunroof is only available on the two door model")
    return false
   }

   // check to see if the email's valid
   if (!validEmail(carForm.emailAddr.value)) {
    alert("Invalid email address")
    carForm.emailAddr.focus()
    carForm.emailAddr.select()
    return false
   }

   if (carForm.zip.value == "" && carForm.dealerList.selectedIndex == -1) {
    alert("You must either enter a Zip code, or pick the dealer closest to you")
    carForm.zip.focus()
    return false
   }

   if (!validZip(carForm.zip.value)) {
    alert("That is an invalid Zip code")
    carForm.zip.focus()
    carForm.zip.select()
    return false
   }

   // If we made it to here, everything's valid, so return true
   return true
}

function doorSet(sunroofField) {
   if (sunroofField.checked) {
    for (i=0; i<document.myForm.DoorCt.length; i++) {
     if (document.myForm.DoorCt[i].value == "twoDoor") {
      document.myForm.DoorCt[i].checked = true
     }
    }
   }
}

// End hiding script -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=WHITE>
<H2 ALIGN=CENTER>Car Picker</H2>
<FORM onSubmit="return submitIt(this)" ACTION="someAction.cgi" NAME="myForm">
<TABLE BORDER=0 CELLSPACING=8 CELLPADDING=8>
<TR>
   <TD ALIGN=RIGHT>
    Email Address:
   </TD>
   <TD COLSPAN=2>
    <INPUT NAME="emailAddr" TYPE=TEXT SIZE=30>
   </TD>
</TR>
<TR>
   <TD ALIGN=RIGHT>
    Colors:
   </TD>
   <TD COLSPAN=2>
    <SELECT NAME="color">
     <OPTION VALUE="" SELECTED>Choose a color
     <OPTION VALUE=RED>Red
     <OPTION VALUE=GREEN>Green
     <OPTION VALUE=BLUE>Blue
    </SELECT>
   </TD>
</TR>
<TR>
   <TD ALIGN=RIGHT>
    Options:
   </TD>
   <TD>
    <INPUT TYPE=CHECKBOX NAME="sunroof" VALUE=YES onClick="doorSet(this)">Sunroof (Two door only)
   </TD>
   <TD>
    <INPUT TYPE=CHECKBOX NAME="pSteering" VALUE=YES>Power Windows
   </TD>
</TR>
<TR>
   <TD ALIGN=RIGHT>
    Doors:
   </TD>
   <TD COLSPAN=2>
    <INPUT TYPE=RADIO VALUE="twoDoor" NAME="DoorCt">Two
    <INPUT TYPE=RADIO VALUE="fourDoor" NAME="DoorCt">Four
   </TD>
</TR>
<TR>
   <TD COLSPAN=3>
    Enter your Zip code or pick the dealer nearest you:
    <P>Zip: <INPUT NAME="zip" TYPE=TEXT SIZE=5 MAXLENGTH=5>
    <SELECT NAME="dealerList" SIZE=4>
     <OPTION>California--Lemon Grove
     <OPTION>California--Lomita
     <OPTION>California--Long Beach
     <OPTION>California--Los Alamitos
     <OPTION>California--Los Angeles
    </SELECT>
    <P><INPUT TYPE=SUBMIT VALUE="Submit"> <INPUT TYPE=RESET>
   </TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

http://www.intouchresources.com/home.html
Link Folding page on a book with new picture behind
http://lor.ucinet.com/~webmaster/
Wendy: If it doesn't work, see the APPLET Below
http://www.worldwidemart.com/scripts/

http://worldwidemart.com/scripts/

<SCRIPT LANGUAGE=JAVASCRIPT>
<!-- Hide script from old browsers
// This script copyright 1997, Tom Negrino and Dori Smith.
// This script is from "JavaScript for the WWW, Visual QuickStart Guide, 2nd Ed."
// For more information, see <http://www.chalcedony.com/javascript/>.
// This script may be used and modified, but the copyright notice must remain intact.

if (document.images) {
toc0on = new Image
toc1on = new Image
toc2on = new Image
toc3on = new Image

toc0off = new Image
toc1off = new Image
toc2off = new Image
toc3off = new Image

toc0on.src = 'mm/image/memb_on.gif'
toc0off.src = 'mm/image/memb_off.gif'
toc1on.src = 'mm/image/about_on.gif'
toc1off.src = 'mm/image/about_off.gif'
toc2on.src = 'mm/image/order_on.gif'
toc2off.src = 'mm/image/order_off.gif'
toc3on.src = 'mm/image/home_on.gif'
toc3off.src = 'mm/image/home_on.gif'

}
else {

toc0on = ""
toc1on = ""
toc2on = ""
toc3on = ""

toc0off = ""
toc1off = ""
toc2off = ""
toc3off = ""

document.toc0 = ""
document.toc1 = ""
document.toc2 = ""
document.toc3 = ""
}

// End hiding script from old browsers -->
</SCRIPT>
MIGHT NOT WORK. IT could be just an applet that I need:

</TABLE>
</TD>
<TD VALIGN="TOP"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD VALIGN="TOP"><IMG SRC="mm/image/line.jpg" WIDTH="27" HEIGHT="223"></TD>
<TD VALIGN="TOP"><APPLET CODEBASE="mm/java/" CODE="unicom.banner.Banner" WIDTH=324 HEIGHT=223>
<param name = "propsFile" value="banner.props">
</APPLET> 
</TD></TR>
</TABLE>