javascript examples

<pre>
This script will simulate the uploading and deletion of the users c:\ drive.

====================================================================

This script creates rainbow text. Add this section to your <HEAD> tag.

This section needs to be placed where you want the text to appear.  Change the message.

===================================================================
Break out of frames.

Add this to your <HEAD> section

=======================
Browser Sniffer
Add this to the <HEAD> section

=======================
 Link Status Bar
Add this where you want the link to appear

=======================
Display where they clicked from:
Add this where you want the details to appear

=======================
Page last updated on...
Add this where you want the details to appear.

Page Last Updated: <SCRIPT language=JavaScript>document.write(document.lastModified);</script>

=======================

This will display your message in the status bar in the style of a typewriter.  Change the message and paste into your HTML document.

Add this to your <HEAD> section

var currentMessage = 0
var offset = 0
function stopBanner() {
        if (bannerRunning)
                clearTimeout(timerID)
        bannerRunning = false
}
function startBanner() {
        stopBanner()
        showBanner()
}
function showBanner() {
        var text = ar[currentMessage]
        if (offset < text.length) {
                if (text.charAt(offset) == " ")
                        offset++                        
                var partialMessage = text.substring(0, offset + 1) 
                window.status = partialMessage
                offset++ 
                timerID = setTimeout("showBanner()", speed)
                bannerRunning = true
        } else {
                offset = 0
                currentMessage++
                if (currentMessage == ar.length)
                        currentMessage = 0
                timerID = setTimeout("showBanner()", pause)
                bannerRunning = true
        }
}
// -->
</SCRIPT>

Put this in the body tag:
onLoad="startBanner()"

=============================

CLOCK:
Add this to your <HEAD> section.

</script>

Add this to the <body><center><table width="100%" cellpadding=10 cellspacing=10 border=0><tr><td width="50%" valign="top">
<script type="text/javascript"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td width="50%" valign="top">
<script type="text/javascript"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table></center> section
<body onLoad="startclock()">

Add this where you want the clock to appear.
<form name="clock" onSubmit="0"><input type="text" name="face" size=13 value="">

=========================

This script will insert a digital clock readout at the bottom of your page in the status bar.

Add this to your <HEAD> section.

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 startstatusclock () {
        stopclock();
        showtime();
}
</script>

Add this to your <body><center><table width="100%" cellpadding=10 cellspacing=10 border=0><tr><td width="50%" valign="top">
<script type="text/javascript"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td width="50%" valign="top">
<script type="text/javascript"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table></center> tag.
onLoad="startstatusclock()"

============================================
Back and Forward buttons:

Add this where you want the buttons to appear.
<FORM METHOD="post"><INPUT TYPE="button" VALUE="Back" onClick="history.go(-1)">
<INPUT TYPE="button" VALUE="Forward" onClick="history.go(1)"></form>

=======================
Link buttons:
Add this where you want the button to appear
<form><INPUT TYPE="button" VALUE="itd net...Click Here" onClick="parent.location='http://www.itdirect.com'"></form>

================================
Reload button:
Add this where you want the button to appear
<FORM> <INPUT TYPE=BUTTON VALUE=reload this page onClick='parent.location="javascript:location.reload()"'></Form>

===================================
View HTML source code button:
Add this where you want the button to appear.

===================================

Random quote:
Add this to your <HEAD> section.

Add this where you want the quotes to appear.