Hi again,
I guess that's on Mozilla / NS / other browser. You'll probably need to do something custom - this should work for IE / Mozilla...
Code:
<html>
<head>
<title>Scrap</title>
<script type="text/javascript">
var gHideTimer;
function ShowTitle(e, pTitle){
HideTitle();
// very poor browser detection
var ie = navigator.userAgent.indexOf("MSIE") > 0;
var div = document.getElementById("TitleDiv");
div.innerHTML = pTitle;
div.style.display = "block";
div.style.top = (ie ? event.srcElement.offsetTop : e.target.offsetTop) + 30;
div.style.left = (ie ? event.clientX : e.pageX) + 3;
gHideTimer = setTimeout("HideTitle();", 5000);
}
function HideTitle(){
if(gHideTimer != null){
clearInterval(gHideTimer);
gHideTimer = null;
}
var div = document.getElementById("TitleDiv");
div.style.display = "none";
}
</script>
<style type="text/css">
#TitleDiv{
font-family: 'MS Sans Serif', 'Sans Serif';
font-size: 9pt;
border: black 1px solid;
background-color: lightyellow;
display: none;
position: absolute;
top: 400px;
padding: 2px;
}
</style>
</head>
<body onbeforeunload="">
<div id="TitleDiv"></div>
<span onmouseover="ShowTitle(event, 'a very long title just to check it works a very long title just to check it works a very long title just to check it works a very long title just to check it works a very long title just to check it works');" onmouseout="HideTitle();">myText</span>
<br /><br />
<span onmouseover="ShowTitle(event, 'a very long title just to check it works a very long title just to check it works a very long title just to check it works a very long title just to check it works a very long title just to check it works');" onmouseout="HideTitle();">my Other Text</span>
</body>
</html>
HTH,
Chris
Description box, when hover on certain word.
