This script has been deprecated and should not be used. No update is forthcoming.
Custom Tool Tips
Mouseover the following links to see the custom tool tips. They behave the same as a "title" attribute would, with a 1/2 second delay to appear, disapearing on a mouseout and remaining for 5 seconds while the mouse hovers over the object.
  1. Here is a test link.
  2. Second link
The Source
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-15" />
<title>slayeroffice | custom tool tips</title>
<style type="text/css">
#toolTip {
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #006699;
	border-left-width:12px;
	font-size:9px;
	font-family:verdana,sans serrif;
	font-weight:bold;
	color:#006699;
	padding-left:5px;
	padding-right:5px;
	display:none;
	z-index:100;
}

body {
	font-family:verdana;
	font-size:9pt;
}

</style>
<script language="javascript" type="text/javascript">

var x,y,zInterval;
document.onmousemove = setMouseCoords;

function init() {
	for(i=0;i<document.getElementsByTagName("a").length;i++) {
		if(document.getElementsByTagName("a")[i].className == "toolLink") {
			document.getElementsByTagName("a")[i].onmouseout = hideToolTip;
		}
	}
}

function setMouseCoords(e) {
	if(document.all) {
		x = window.event.clientX;
		y = window.event.clientY;
	} else {
		x = e.pageX;
		y = e.pageY;
	}
}

function showToolTip(zText) {
	clearInterval(zInterval);
	zInterval = setTimeout("doShowToolTip('" + zText + "')",500);
}

function doShowToolTip(zText) {
	clearInterval(zInterval);
	document.getElementById("toolTip").style.top = (y+20) + "px";
	document.getElementById("toolTip").style.left = x + "px";
	document.getElementById("toolTip").innerHTML = zText;
	document.getElementById("toolTip").style.display = "block";
	zInterval = setTimeout("hideToolTip()",5000);
}

function hideToolTip() {
	document.getElementById("toolTip").style.display = "none";
	clearInterval(zInterval);
}

this.onload = init;
</script>
</head>
<body>
<b>Custom Tool Tips</b><br />
Mouseover the following links to see the custom tool tips.
<ol>
	<li><a class="toolLink" href="http://slayeroffice.com" onmouseover="showToolTip('This is the tool tip text for this link.');">Here is a test link.</a></li>
	<li><a class="toolLink" href="http://slayeroffice.com" onmouseover="showToolTip('Here is some more text for the tooltip example.');">Second link</a></li>
</ol>
<div id="toolTip"></div>
</body>
</html>

Custom Tool Tips v1.0
last revision: 10.08.2003
steve@slayeroffice.com
http://www.slayeroffice.com