Onmouseout will not change permanently

[mevima]

I have a series of buttons across the top of a page, and a function called onclick which is supposed to (1) reset all the onmouseouts of the other buttons, so that they go back to normal, and then (2) set the clicked button's onmouseout to stay highlighted. When I run it, the src goes back normally, but the onmouseout doesn't seem to change.

function findCol(a)
{
    var elems=document.getElementsByTagName("*");
    var name,index;
    for(var i=0;i<elems.length;i++)
    {
        name=elems[i].id;
        if(name!="")
        {
            if(name.indexOf("head-")>-1)
            {
                var src=elems[i].src.toString();
                var mouseout=elems[i].onmouseout.toString();
                src=src.replace(/03.gif/,"01.gif");
                mouseout=mouseout.replace(/03.gif/,"01.gif");
                elems[i].src=src;
                elems[i].onmouseout=mouseout;
            }
            if(name.indexOf("head-"+a+"-")>-1)
            {
                var mouseout=elems[i].onmouseout.toString();
                if(mouseout.indexOf("01.gif")>-1)
                {mouseout=mouseout.replace(/01.gif/,"03.gif");}
                else{mouseout=mouseout.replace(/03.gif/,"01.gif");}
                elems[i].onmouseout=mouseout;
            }
        }
    }
}
 

[iam_clint]

changing mouse functions on an element using dom isn't pretty


obj.onmouseout = function () { dowhatever }

[pbmods]

Try using removeEventListener (or in IE, it's called detachEvent for some reason):

http://developer.mozilla.org/en/docs...eEventListener