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>

Previous
<< Diabling Right Click option in a browser using Javascript

Next
Using revealTrans to do page transitions in Javascript >>