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

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>

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