ToolTipText
 << Back | Home | Next >>

 

Instructions:

  1. Part one is the Cascading Style Sheet needed to display table with the text in the proper position.
  2. Put first part of the script anywhere between your head tags. (<head> and </head>)
  3. Second part is the actual JavaScript needed for the table to appear,  you should put it after your <body> tag
  4. Change background colors and text properties as you want 

Part 1. Put this part between your head tags:

<style TYPE="text/css">
<!--
body{
overflow:scroll;overflow-x:hidden
}
.popper
{
position : absolute;
visibility : hidden;
}
//-->
</style>

Part 2. This is the actual JavaScript that makes the table to appear:

<DIV ID="topdeck" CLASS="popper">&nbsp;</DIV>
<SCRIPT>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function pop(msg,bak)
{

var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF SIZE=2><B>Help</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD><FONT COLOR=#000000 SIZE=2><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TABLE>";

if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}

function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
skn.top = y+20;
}

function kill()
{
skn.visibility = "hidden";
}

</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">
function myopen(url) {
window.open(url,'HelpWin','menubar=1,width=500,height=500,scrollbars=yes');
}
</SCRIPT>

Part 3. You need to add this line to the object, where you want your help tip to appear:

ONMOUSEOVER="pop('Click here to read the disclaimer','#FFFFE8')" ONMOUSEOUT="kill()";

For example for the link you will need to put inside of your anchor tag -
<A HREF="anypage.htm" 
ONMOUSEOVER="pop('Message to be displayed','#FFFFE8')" ONMOUSEOUT="kill()"; > 
example</A>

Example:

Home Page

Close this window