Not a Member Yet,
Click here to Register

ID: 81
Viewed: 3950
Added: Feb 13, 2002
Version:
Snippet uploaded by: snippet
Written By: Unknown
Demo: Sorry, no demo



User Rated at: 0 Stars
Rate This:

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

<!---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.


Replying to a Comment...


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.

© 2002 - 2024 snippetlibrary.com All Rights Reserved. Conditions
Do NOT follow this link or you will be banned from the site!