En lidt mindre model med færre muligheder (som måske er overflødige) kunne være denne, hvor tooltip\'et ikke fløjter med musen rundt over link\'et. Det er en noget slankere version og efter min mening kønnere. Du kan selv style, osv på den:
<html>
<head>
<style>
#titleDIV {
position: absolute;
font-family: ms sans serif, verdana;
font-size: 10px;
visibility: hidden;
color: #000000;
background-color: #ffffcc;
border: 1px solid #000000;
padding: 2px 5px 2px 5px;
}
</style>
<script type=\"text/JavaScript\">
var delay = 300; // Antal millisekunder før tooltip vises
var offX = 12; // Offset for visning af tooltip i forhold til cursoren
var offY = 15; // Offset for visning af tooltip i forhold til link-top
var titleObj, mX, timer;
function getY(obj) {
if (obj == document.body) return obj.offsetTop
else return obj.offsetTop +getY(obj.offsetParent);
}
function show() {
titleObj.style.visibility = \"visible\";
}
function over(myL) {
clearTimeout(timer);
titleObj.innerHTML = myL.myTitle;
titleObj.style.left = mX+offX;
titleObj.style.top = getY(myL)+offY;
timer = setTimeout(\"show()\",delay);
}
function out() {
clearTimeout(timer);
titleObj.style.visibility = \"hidden\";
}
window.onload = function() {
document.onmousemove = findMouse;
titleObj = (document.getElementById)? document.getElementById(\"titleDIV\") : document.all[\"titleDIV\"];
for (i=0; i<document.links.length; i++) {
document.links[i].onmouseover = function () { over(this) }
document.links[i].onmouseout = function () { out() }
}
}
function findMouse(e) {
mX = (!document.all)? e.pageX : event.clientX;
}
</script>
</head>
<body>
<div id=\"titleDIV\"></div>
<a href=\"
www.blah1.com\" myTitle=\"blah blah 1!\">blah</a><br>
<a href=\"
www.blah2.com\" myTitle=\"blah blah 2!\">blah</a><br>
<a href=\"
www.blah3.com\" myTitle=\"blah blah 3!\">blah</a><br>
<a href=\"
www.blah4.com\" myTitle=\"blah blah 4!\">blah</a><br>
</body>
</html>
/mvh og tak for points ;o)