javascript, funciona en explorer pero no en firefox

[rukiah]

Es un javascript que cambia el color del fondo de las tablas cuando pasas el ratón por encima. El problema es que funciona en explorer y chrome pero no en firefox. Mi pregunta es cómo hacer para que sea compatible también con firefox, gracias

Sentencia del código javascript

Código:

<script>
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
</script>

sentencia del código implementada en la tabla

Código:

<table>

<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" vAlign="center" width="171" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#475B70" height="12"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="index.html"><font face="Verdana" size="1">ir a incio</font></a></td>
</tr>


<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" vAlign="center" width="171" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#475B70" height="1"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="ventanaconstruir.htm"><font face="Verdana" size="1">tutorial </font></a></td>
</tr>


<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" vAlign="center" width="171" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#475B70" height="1"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="web27.htm"><font face="Verdana" size="1">correo</font></a></td>
</tr>


</table>

[Perr0]

me parece que tienes que detectar el navegador, no estoy seguro

pero en Explorer el color es #123456

en FF es rgb(209, 214, 255)

algo asi


quizá esto te ayude

Código:

var clrOver=(document.all)?"#d1d6ff":"rgb(209, 214, 255)"

pero te recomiendo con css, no ocupas nada solo css ejemplo:

aplica este css a tu pagina, despues lo personalizas por id

Código:

<style>
table tr{
background-color:red;
color:white;
}
</style>

salu2

[Panino5001]

No tiene que ver con eso. Habría que ver qué hace la función contains, que ahí no aparece y que tiene un argumento que tal como está definido en esa porción de código sólo debería reconocer explorer

[Perr0]

me falto el :hover