Programming Tutorials

Scrolling message on the status bar using Javascript

By: Guru Singh in Javascript Tutorials on 2008-09-05  

If you are looking for a simple java script to show a scrolling message on the status bar then you can use this script.

TWO STEPS TO INSTALL WRITE AND SLIDE:

1. Paste the coding into the HEAD of your HTML document
2. Copy the onLoad event handler into the BODY tag

STEP ONE: Copy this code into the HEAD of your HTML document

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function evalProtocol() {
curProtocol = window.location.protocol
if (curProtocol == "http:") {
alert("The document comes from the Web.")
}
else {
if (curProtocol == "file:") {
alert("This document comes from your hard drive.")
}
else {
alert("This document comes from somewhere else.")
}
} var Message = "Yet another simple scroll!";
var place = 1;
function scrollIn() {
window.status = Message.substring(0, place);
if (place >= Message.length) {
place = 1;
window.setTimeout("scrollOut()", 300);
} else {
place++;
window.setTimeout("scrollIn()", 50);
}
}
function scrollOut() {
window.status = Message.substring(place, Message.length);
if (place >= Message.length) {
place = 1;
window.setTimeout("scrollIn()", 100);
} else {
place++;
window.setTimeout("scrollOut()", 50);
}
}
}
// End -->
</SCRIPT>

STEP TWO: Add this onLoad event handler into the BODY tag

<BODY onLoad="scrollIn()">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="https://www.java-samples.com">The Java samples home</a></font>
</center><p>





Add Comment

* Required information
1000

Comments

No comments yet. Be the first!

Most Viewed Articles (in Javascript )

Latest Articles (in Javascript)