Tutorials - JavaScript: MouseOver Status Bar Text
When you position your mouse pointer over any hyperlink, the path of that link displays in the status bar of your browser (located in the bottom left corner). You can actually control this text and place a customized message there instead of the hyperlink URL.
Step 1
Copy the JavaScript below and paste
it into the <body> section of your HTML
document where you want to place the hyperlink.
If you have an existing hyperlink, structure
your <A HREF=""> tag like the following
example to make the text appear on the status
bar of the browser.
<a href="statusbar.html" onmouseover="window.status='return to this page'; return true" onmouseout="window.status=''; return true">return to this page</a>
Step 2
Change the references to the hyperlink URL, status text and hyperlink text to customize the link. Here is the text from above, now in bold, that you need to change.
<a href="statusbar.html" onmouseover="window.status='return to this page'; return true" onmouseout="window.status=''; return true">return to this page</a>
Example
Place your mouse pointer over the following link and look at your browser's status bar. The message 'return to this page' should appear there.
last reviewed: January 25, 2008
