It ain't purdy but,
it woeks with ie8 and firefox6.
Code:
<script type="text/javascript">
addEvent = function(target, event, method) {
if (target.addEventListener) {
target.addEventListener(event, method, false);
} else if (target.attachEvent) {
target.attachEvent("on" + event, method);
}
}
function initialize ( ) {
evryThng=document.getElementsByTagName("*");
for(i=evryThng.length;i--;){
if(evryThng[i].name == "area1"){
addEvent (evryThng[i], 'mouseover', changeColor);
addEvent (evryThng[i], 'mouseout', changeOutColor);
}
}
aArea=document.getElementsByName("area1");
aStringRed=document.getElementsByName("stringRed");
for (var i=0; i < aArea.length; i++) {
addEvent (aArea[i], 'mouseover', changeColor);
addEvent (aArea[i], 'mouseout', changeOutColor);
}
}
function changeColor(e) {
e = e || window.event;
target = e.target || window.event.srcElement;
target.style.color = "red";
}
function changeOutColor(e) {
e = e || window.event;
target = e.target || window.event.srcElement;
target.style.color = "black";
}
</script>
<body onload="initialize ( )">
<div name="area1"> <h1 name="stringRed"> Mercury </h1> </div>
<div name="area1"> <h1 name="stringRed"> Venus </h1> </div>
<div name="area1"> <h1 name="stringRed"> Earth </h1> </div>
</body>