Home Articles FAQs XREF Games Software Instant Books BBS About FOLDOC RFCs Feedback Sitemap
irt.Org
#

Q1484 How can I show "tooltips"?

You are here: irt.org | FAQ | JavaScript | DHTML | Q1484 [ previous next ]

Try:

<html>
<head>
<script language="JavaScript"><!--

IE=(document.all)?1:0;
NS=(document.layers)?1:0;
if (!IE && !NS) {
/*
    Dummy event var for v3 browsers.
   I use eval because IE will not allow
   event to be assigned directly even within the if!
*/
   eval('event = ""');
}
function toolTip(e,msg,on) {
   if (!IE && !NS) {
      if (!msg) msg = '';
      window.status = msg;
      return true;
   }
   if (IE && window.event.srcElement.title == '') window.event.srcElement.title = msg;
   else if (NS) {
      if (on) {
         document.layers["tooltip"].document.write('<table border=1><tr><td>'+msg+'</td></tr></table>');
         document.layers["tooltip"].document.close();
         document.layers["tooltip"].top = e.pageY+15;
         document.layers["tooltip"].left= e.pageX;
         document.layers["tooltip"].visibility="show";
      }
      else document.layers["tooltip"].visibility="hide";
   }
   return true;
}
//--></script>

</head>

<body>
<a href="javascript:;" onMouseOver="return toolTip(event,'Hello\nThere',1)" onMouseOut="return toolTip()">Hello</a>
<a href="javascript:;" onMouseOver="return toolTip(event,'Goodbye',1)" onMouseOut="return toolTip()">Goodbye</a>
<layer name="tooltip" bgcolor="#FFFFCC" visibility="hide"></layer>
</body>

</html> 

Feedback on 'Q1484 How can I show "tooltips"?'

©2018 Martin Webb