₦airaland Forum

Hello,
Please i need help so that I can achieve cross browser functionality with this java script snippet:

function changeColor1()
{
if(window.event.type=="mouseover"
{
var changeNow=document.getElementById("biglink1";
changeNow.style.backgroundColor = "FFFF99";
}
if(window.event.type=="mouseout"
{
var changeNow=document.getElementById("biglink1";
changeNow.style.backgroundColor = "white";
}
}

The code is to change the background color of a div when mouseover is fired and back to white when mouseout is fired. However, this code works only for IE. Can anyone help convert this to a crossbrowser code.

two examples. one in the tag and the other in a function. all should work across browsers.

<div id="biglink1" onmousemove="this.style.backgroundColor='FFFF99'" onmouseout="testfunction(this)" style="position:absolute;">blah blah blah</div>

<script type="">
function testfunction(Obj)
    {
    Obj.style.backgroundColor = 'FFFFFF';
    }
</script>

Thanks. I was able to achieve the effect with this code. The first if will work if the browser. The other branch is for other browsers
function changeColor1(evt)
{
if(typeof evt == "undefined"
{
if(window.event.type="mouseover"
{

var changeNow = document.getElementById("biglink1";
changeNow.style.backgroundColor = "#FFFF99";
}
if(window.event.type="mouseout"
{
var changeNow = document.getElementById("biglink1";
changeNow.style.backgroundColor = "#FFFFFF";
}
}
else
{
if(evt.type=="mouseover"
{
var changeNow=document.getElementById("biglink1";
changeNow.style.backgroundColor = "#FFFF99";
}
if(evt.type=="mouseout"
{
var changeNow=document.getElementById("biglink1";
changeNow.style.backgroundColor = "#FFFFFF";
}
}
}
Thanks again