DHTML free example : How to create a DHTML tool tip functionality? tutorial sample code

home page latest news web development curriculum vitae scripts contact me

• C# (Microsoft .NET)
• JAVA
• Dynamic HTML
• PHP & MySQL
• ASP.NET - C# & VB.NET
• Perl & CGI
• C | C++
• Vector Markup Language
• SMIL
• Assembler
• Databases
• Wap Development
• Web site promotion
• Web Marketing

How to create a DHTML tool tip functionality?

(DHTML free example written by Anton Zamov.)

Share|

How to create a DHTML tool tip functionality?

<script>
function showToolTip(e,text){
      document.all.ToolTip.innerHTML="<table><tr><td class=ToolTipTD>"+text+"</td></tr></table>";
      ToolTip.style.pixelLeft=(e.x+15+document.body.scrollLeft);
      ToolTip.style.pixelTop=(e.y+document.body.scrollTop);
      ToolTip.style.visibility="visible";
}
function hideToolTip(){
      ToolTip.style.visibility="hidden";
}
</script>

<style>
#ToolTip{position:absolute;top:0;left:0;background:#13323f;border-color:#65d0e7;border-style:solid;border-width:1px 1px 1px 1px;visibility:hidden;}
.ToolTipTD {color:white;font-family:verdana;font-size:11}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<body bgcolor=#224452>

<div id=ToolTip>
</div>


<div onmouseover='javascript:showToolTip(event,"Anton Zamov")' onmouseout=javascript:hideToolTip()>
<font color=white>show tool tip</font>
</div>

</body>

</head>

Still have questions? Ask your question on TechOnlineHelp.com or find more examples on www.netartmedia.net/examples

If this example was useful for you, please support my company and click Like on the button below. Thank you very much!

Jobs Portal, poweful jobs board software

PHP Mall, multi vendors mall website software

Car Portal, php script for auto classifieds websites

NetArt Media, software products and services

Real Estate Portal, web software for real estate portals

Blog System, multi user blog hosting script

PHP Store, powerful e-commerce system written in PHP

Pharmacy System, software for running online pharmacies