Home | Tips and Tricks | HTML tricks | Status bar text


Tips and Tricks

Member Log-in
forgot your password?

About Us
Reseller Program

The status-bar SwitchaRoo!

Last updated 5-31-03

This is a neat trick ... it lets you customize the message that appears in the status bar at the bottom of the page. Normally, when you hover your cursor over a link, the status bar tells you a link's URL destination. More sophisticated web surfers may look at this information to get a better idea of where a link goes. However, we can change this status bar text to anything we want ... to improve navigation, or even to hide your affiliate link (hush ... this is a little-known secret).

However, this status bar switch isn't foolproof. You can still figure out where the link REALLY goes by clicking on the link and holding the left mouse button down.

Example #1:

This link takes you to MightyCoach's HTML tricks page. Just look at the status bar on the bottom of the page if you don't believe me!

Notice that there is no apostrophe (') in the "MightyCoachs" name in the status-bar window, though grammar dictates that there should be. I had to leave the apostrophe out because it was messing up the code.

Example #2:

You can buy the book here ... this is not an affiliate link. Honest! Ok, so it is.

Source code ... example #1

<a href="http://www.mightycoach.com/articles/htmltricks/" onMouseOver="window.status='MightyCoachs HTML-tricks page ... told you so!'; return true" onMouseOut="window.status=''">link</a>

Source code ... example #2

<a href="http://www.amazon.com/affiliate.cgi" onmouseover="window.status='http://www.amazon.com'; return true" onmouseout="window.status=''" target="_blank">here</a>


Or: See all our html tricks!