ID: 81
Viewed: 3950
Added: Feb 13, 2002
Version:
Snippet uploaded by: snippet
Written By: Unknown
Demo: Sorry, no demo
Thank you for your vote. Please wait...
It appears you already voted for this snippet
It appears your vote value was empty
Very easy tool tip that will display a Tool Tip when mouseover on a link.
Browsers: IE5.0+ & NS4.xx & NS6.x
Browsers: IE5.0+ & NS4.xx & NS6.x
<!---Head--->
<HTML><HEAD>
<SCRIPT language=JavaScript>
function showtip(current,e,text)
{
if (document.all)
{
thetitle=text.split('<BR>')
if (thetitle.length>1)
{
thetitles=''
for (i=0;i<thetitle.length;i++)
thetitles+=thetitle[i]
current.title=thetitles
}
else
{current.title=text}
}
else if (document.layers)
{
document.tooltip.document.write('<layer bgColor="white" style="border:1px solid black;font-size:12px;">'+text+'</layer>')
document.tooltip.document.close()
document.tooltip.left=e.pageX+5
document.tooltip.top=e.pageY+5
document.tooltip.visibility="show"
}
}
function hidetip()
{
if (document.layers)
document.tooltip.visibility="hidden"
}
</SCRIPT>
<STYLE type=text/css>
A {COLOR: blue; TEXT-DECORATION: none}
A:hover {COLOR: orange; TEXT-DECORATION: none}
</STYLE>
</HEAD>
<!---Body--->
<BODY>
<DIV id=tooltip style="VISIBILITY: hidden; POSITION: absolute"></DIV>
<A href="link.html" onmouseover="showtip(this,event,'this is a working tooltip')" onmouseout=hidetip()>Run your mouse over here !!!</a>
</BODY>
</HTML>
No Comments to show
Please completely fill out the form below if you want to review this snippet. All reviews are subject to validation.
Adding your comment. Please wait...
Thanks for adding your comment!. After further review it will be added.
There was a problem adding your comment. Please try again.
Please complete all the fields in the form before sending.