Função no evento mouseover não funciona no Firefox

[João Pedro M Almeida 0]

Bom dia galera,

eu possuo uma função em JavaScript que é ativada através do evento onmouseover em um tabela com registros, o campo muda de cor quando passo o mouse, até ai tudo bem o problema é que ela só funciona nos navegadores IE e google chrome, já no Mozilla ela não funciona o que eu faço?

onmouseover="mOvr(this,'#A8A8A8');"

function mOvr(src, clrOver) {
if (!src.contains(event.fromElement)) {
src.bgColor = clrOver;
}
}

[Rafael Sirotheau 43]

Não é mais facil utilizar CSS para fazer isto?

table td:hover {
    background-color: #A8A8A8;
}

Se a questão for que colunas especificas possuirão cores diferentes no hover, basta adicionar classes especificas a cada linha/coluna e utilizar a regra CSS correta.

[João Pedro M Almeida 0]

function mOvr(obj,color) { obj.style.backgroundColor = "#A8A8A8"; }

 

eu fiz assim mas não tem como passar um parâmetro no evento.

[Rafael Sirotheau 43]

Se você não está conseguindo passar parâmetro, tente utilizar um atributo... Ex. data-bgcolor="#A8A8A8" e, então, recuperar este valor no target.


Mas, repito... Porque está sendo preciso utilizar javascript para fazer isto e não simplesmente CSS ?