Free Guides
Language Tutorials
JavaScript
Event handling in JavaScript
Managing Status bar message onMouseOver of a link
WE can use windows status bar to
display messages by linking it with events. We will be using windows
objects status property to display this message.
Status bar is at the bottom of your browser. If it is not visible
then go to View menu of your browser and click the status
bar option. One check or tick will appear before the status bar
option and the bar at the bottom of your browser will be displayed.
We will use onMouseOver and onMouseOut events of a
hyper link to display or manage the messages.
Here is the demo which is a hyper link pointing to home page of this
site ( plus2net.com )
Now let us see the code of the above demo
As you can see in the above example we can display
any message in our status bar while the mouse is over the hyper
link. By default the status bar shows the URL of the link if no
event is written. This way visitor comes to know about the address
of the link when they place their mouse over it. Using the above
code example we can change the displayed URL to a different location
while the hyper link takes you to another location. For example the
link below is telling you that your are going to google.com and the
status bar is going to show you the google page URL, but once you
click the link it will take you to plus2net.com home page.
Here is the demo
See the code below and watch how the OnMouseOver
event is written to display a different URL than the actual one.