No me funciona esto en IE6

[eljuank1982]

Tengo esta tabla:

Código HTML:

<table width="150"  border="0" cellpadding="2" cellspacing="2" id="menucal">
  <tr>
    <td width="0"><a href="javascript:;" onClick="muestra('op1','btn1')";><img src="img/mas.gif" width="15" height="15" border="0" align="absmiddle" name="btn1" id="btn1"></a></td>
    <td width="100%" class="tipmenus">Sistema Gestión de la Calidad</td>
  </tr>
  <tr style="display:none" id="op1">
    <td>&nbsp;</td>
    <td><br><li><a href="#">Manuales</a></li><br>
	<li><a href="#">Procedimientos</a></li><br>
	<li><a href="#">Fichas de Procesos</a></li><br>
	<li><a href="#">Encuestas a los clientes</a></li><br>
	<li><a href="#">Evaluación de la Calidad</a></li><br>
	<li><a href="#">Otros documentos de SGC</a></li><br>
	</td>
  </tr>
  <tr>
    <td><a href="javascript:;" onClick="muestra('op2','btn2')";><img src="img/mas.gif" width="15" height="15" border="0" align="absmiddle" name="btn2" id="btn2"></a></td>
    <td class="tipmenus">Medio Ambiente</td>
  </tr>
  <tr style="display:none" id="op2">
    <td>&nbsp;</td>
    <td><br><li><a href="#">Programa de Gestión Ambiental</a></li><br>
	<li><a href="#">Manejo de Desechos Peligrosos</a></li><br>
	<li><a href="#">Otros…</a></li><br>
	</td>
  </tr>
  <tr>
    <td><a href="javascript:;" onClick="muestra('op3','btn3')";><img src="img/mas.gif" width="15" height="15" border="0" align="absmiddle" name="btn3" id="btn3"></a></td>
    <td class="tipmenus">Ciencia e Innovaci&oacute;n Tecnol&oacute;gica</td>
  </tr>
  <tr style="display:none" id="op3">
    <td>&nbsp;</td>
    <td><br><li><a href="#">Banco de Problemas</a></li><br>
	<li><a href="#">Generalización</a></li><br>
	<li><a href="#">Otros…</a></li><br>
	</td>
  </tr>
</table> 

La cual manupulo con esta función

Código HTML:

<script>
function muestra(myid,myboton) 
{ 
if(document.getElementById(myid).style.display=='') 
{ 
document.getElementById(myid).style.display = "none"; 
document.getElementById(myboton).src = "img/mas.gif"; 
} 
else 
{ 
document.getElementById(myid).style.display = ""; 
document.getElementById(myboton).src = "img/menos.gif"; 
} 
}
</script> 

Trabaja perfecto en FF e IE8 pero en IE6 no se muestra la imagen "menos.gif" al hacer clic y además no me respeta los <br> que hay dentro de las celdas.

No sé si se deba a que tengo que poner Java Script en la etiqueta <script>.
Si alguien sabe dónde está el problema, soy todo ojos.
Salu2 a to2, gracias de antemano y al tanto.

[IsaBelM]

no puedo probarlo pero prueba a darle el valor (block) a la propiedad display

[eljuank1982]

Probé y nada, todo igual o más bien peor porque aparece todo completamente desplegado desde el principio y solo despues que uno ace clic es que funciona mal como antes, sin respetar correctamente los <br> y sin mostrar la imagen "menos.gif".
Aqu'i mando otros datos por si tiene que ver aunque no creo que est'e influyendo que que no tengo problemas en IE8 ni en FF.

La tabla est'a dentro de un <div id="menulateral"> este es su css:
#menulateral{
width: 170px;
float: left;
background-color: rgba(255, 255, 255, 0.6);
border: 1px solid #00599B;
border-bottom:groove;
border-right:groove;
}

y es llamado desde un include en php, pero esto no me debe ser lo que le está dando un corportamiento inadecuado para IE6.
Si alguien sabe donde está el fallo??
Salu2

[IsaBelM]

tienes que tener cuidado con la sintaxis. te corrijo el primero

<a href="#" onClick="muestra('op1','btn1');">

aunque sería mas conveniente que usases un botón en lugar de un link

[eljuank1982]

Ok muchas gracias poniendo la almuadilla resolví gracias a tí, para usar un botón cómo sería la cosa??
Si te percatas soy novato en Js.
Digo si no te es mucha molestia decirme.
Salu2

[yense]

dime por usar ie6 si tenemos mejores navegadores hoy en día

sabemos que la gran mayoría de usuarios odia usar un navegador ie6


te recomiendo que uses otro

[p414]

debe funcionar igual con un link o con un boton...

yo creo q aqui esta el error:

Código Javascript:

<a href="javascript:;" onClick="muestra('op1','btn1')";>
 

quiza por href="javascript:;" :S



jooooooooooooooooo no habia leido que te habian dado la solucion jejejeje asi que edito esto :P lo siento jejejejeje

[IsaBelM]

Iniciado por eljuank1982

Ok muchas gracias poniendo la almuadilla resolví gracias a tí, para usar un botón cómo sería la cosa??
Si te percatas soy novato en Js.
Digo si no te es mucha molestia decirme.
Salu2

no he visto que la imagen está dentro del tag <a>. es aconsejable usar el elemento correcto correcto para cada caso

<a herf="">xxxxx</a> // si es solo un vinculo
<input type="button" onclick="fnc()" value="xxxxx" style="......." /> // si invocas una función

Iniciado por yense

dime por usar ie6 si tenemos mejores navegadores hoy en día

sabemos que la gran mayoría de usuarios odia usar un navegador ie6


te recomiendo que uses otro

no te creas, mira el ranking de los navegadores mas usados hasta el 2011