Home
JavaScript
  Today's Date
  Dropdown Menu
  Mouse Over
  Status Bar
  Status Runner
  Background Color
  Script Tester
  Mini-Windows
  Cookies
  Expiration
Java Applets
Available CGI
META Tags
Server Elements

Placing Text in the Status Bar

   
  Have you wondered how you could reduce the names on a button without eliminating its meaning. Use the Status Bar Javascript function to give the Graphic More Definition. Mouse over the example button below and notice what it does to the bottom gray area of your browser window.

Scripting Home Page Button

The way this is accomplised is by useing the code below:

    

Let's break down this code into it's componants:

  1. ONMOUSEOVER="status='Controls Engineering Home Page'; return true"
    This codes states put 'Controls Engineering Home Page' in your browsers status bar.
  2. ONMOUSEOUT="status=''; return true"
    This code clears your browsers status bar when the mouse is released.
    Caution: The quotes after the Status bar are two single (') quotes not one double (").

  3. <IMG src="../mouseover/images/series3_blue.jpg" alt="Controls Engineering Home Page" border=0 >
    This identifies the graphic that will cause this change when moused over.
    Attn: Text can be used in place of a graphic when using this code!!!

  4. alt="Controls Engineering Home Page"
    A good habit and another way the user can have an alternate name for this button or graphic.