<ole>
Her er en meget simpel én. Den har dog den afgjorte fordel, at den ikke følger cursoren rundt over link'et - som overlib gør det. Det virker efter min mening temmelig skoddet ;o)
<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) {
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].myTitle = document.links[i].title;
document.links[i].title = "";
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" title="blah blah 1!">blah</a><br>
<a href="
www.blah2.com" title="blah blah 2!">blah</a><br>
<a href="
www.blah3.com" title="blah blah 3!">blah</a><br>
<a href="
www.blah4.com" title="blah blah 4!">blah</a><br>
</body>
</html>
/mvh
</bole>
