Javascript que no funciona con Mozilla

[Neron]

Hola amigos,

No soy muy entendido en javascript y he estado toda la tarde tratando de hacer funcionar un menú desplegable en Mozilla (funciona perfecto en IE).

El código javascript es el siguiente:

function fncMuestra(id){
fncOculta(4);
t=eval("table"+id);
t.style.display="";
}

function fncOculta(id){
for (i=2;i<=id;i++)
{
t=eval("table"+i);
t.style.display="none";
}
}

function relTDin(td){
if(document.getElementById||(document.all && !(document.getElementById))){
td.style.backgroundColor="#BBE0BB";
}
}

function relTDout(td){
if(document.getElementById||(document.all && !(document.getElementById))){
td.style.backgroundColor="#E8F4E8";
}
}

y el código que lo llama es el siguiente:

//título que despiega el menú
<a href="#" onclick="fncMuestra(2)">Detalles</a>

//menú que se despliega
<td> <a href="detalle.htm" id="a" onmouseover="relTDin(this)" onmouseout="relTDout(this)" style="cursor:hand">&gt; detalle1</a></td>
<td> <a href="detalle2.htm" id="a" onmouseover="relTDin(this)" onmouseout="relTDout(this)">gt; 'detalle2'</a></td>


Por favor help me!, me estoy volviendo loco

Gracias
Mauricio

[caricatos]

Hola Neron:

Por lo que veo debes tener difiniciones más o menos así:
<table id="table2"...

y cuando quieres mostrar/ocultar la línea queda (con el eval):
table2.style.display = "none", y esa forma "abreviada la permite explorer pero no es del todo correcta... tendría que quedar así:
document.getElementById("table2"),style.display = "none";

Prueba así:

function fncMuestra(id){
fncOculta(4);
t="table"+id;
document.getElementById(t).style.display="";
}

function fncOculta(id){
for (i=2;i<=id;i++)
{
t="table"+id;
document.getElementById(t).style.display="none";
}
}

Saludos

[Neron]

Muchas gracias Caricatos...funciono perfecto

[caricatos]

Me alegro de que funcione.

Saludos