Hello All,
Found a bit of Javascript on this forum that shows the title-text of a
link in the statusbar, so you don't have to type
onmouseover="wi ndow.status='bl a di bla'" in every link.
http://groups.google.nl/group/comp.l...22a5c1a40fd2a1
But it does not show the title when the link (<a href=""..>text</a>)
is in a DIV tag.
Can someone help me so all links on my page have a statusbar text on
mouse over no matter how deep they are nested.
Some example code:
<html>
<head>
<title>Test javascript title</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<script>
function setMEvents() {
var oDocBodyNodes = document.body.c hildNodes;
for (var i = 0; i < oDocBodyNodes.l ength; i++) {
if (oDocBodyNodes[i].nodeType == 1 && typeof
oDocBodyNodes[i].title != 'undefined') {
oDocBodyNodes[i].onmouseover = function() { window.status
= this.title; return true; }
oDocBodyNodes[i].onmouseout = function() { window.status =
''; return true; }
}
}
}
</script>
</head>
<body onload="setMEve nts()">
<div id="test">this link is inside a DIV tag <a href="#" title="does
not work">and therefore does not work</a></div>
<a href="#" title="This works">This is a normal link which shows the
title in the statusbar on mouse over</a>
<div id="level0"<a href="#" title="link in div">link level 0 - link
in div</a><br>
<div id="level1"<a href="#" title="link in div in div">link level
1 - link in div in div</a></div>
</div>
</body>
</html>
Thanks,
Niels
PS: This only works in Internet Explorer since FireFox does not
support the statusbar text option.
PS 2: I do not want to go into a discussion about the use (or mis-use)
of the statusbar and it's intentional purpose. It all about optimizing
my code to get a smaller page size
