Today is . Page created 08/08/02, updated 06/08/06
Message In Taskbar On Mouseover |
T his is really a cool script if you would glance down at the task bar as you put your mouse on any link on the page you associate with this code, instead of showing the URL of the page, it gives a message of your choice instead.
We have tested the code in IE6.0, Firefox1.5.0.3, Opera8.54, Netscape8.1 and AOL Explorer1.2. This script worked in IE, Netscape8.1 and AOL Explorer1.2. All other platforms tested we observed variations but it does degrades well and you will not get any error messages.
B elow is the link to grab the code and all you have to do is copy and paste it into your document in the <BODY> section anywhere you want this link effect to happen and reconfigure the code with your URL's and messages. You can add this little script to as many links as you want.
B elow is where you reconfigure the script message and text or image link.
Text Link
<A HREF="URL Of Linking Page"target="_blank" onMouseOver=" window.status='Message Goes Here'; return true" onMouseOut="window.status=' '; return true">Link Name</a>
Y ou can also notice in the above example, we added the attribute of target="_blank". This is to designate the link will open in a new window as opposed to opening in the same window. If you want the link to open in the same window, just remove the attribute target="_blank".
S ince this is a java script that uses single ' apostrophe, if you want to write a message in the task bar that has an '
this is how you need to do it.I
f you do not do as the above example shows, you will either get one of two error messages appear and wonder why.
1) Error Expected '}'
2) Undertermined String Constant
T o answer your next question in a word, "Yes" you can have an image associated with the code.
Image Link
<A HREF="URL Of Linking Page"target="_blank" onMouseOver=" window.status='Message Here'; return true" onMouseOut="window.status=' '; return true"><img src="Path To Your Image" border="0" height="?" width="?" alt="?"></a>
W e purposely left the links at the end of the page without the script so you can see the difference between the URL appearing and your personal message appearing for every link on this page.
W
e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link* and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]
[ Rate This Page ]
For your Information: * Since the original script site no longer archives this effect, we now are archiving this script for your convenience.
Search Our Site By Individual letter
[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
[ G ]
[ H ]
[ I ]
[ J-K ]
[ L ] |
Little Tips Directory [ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ] |
[ Index Page 1 ]
[ Index Page 2 ]
[ Index Page 3 ]
[ Index Page 4 ]
[ Index Page 5 ] [ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ] [ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ News Letter Archives ]
[ Navigation Page ]
[ Archives Of Published Material ] |
If you are part of the ever growing number of webmasters who enjoy
sharing your knowledge with others on web design, join The
Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today
This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.
Copyright © Consigliere Ltd., All Rights Reserved. 2001-