Hola amigos el siguiente codigo lo que hace es mostrar u ocultar una celda determinada esta funcion funciona sin problemas en internet explorer, pero se comporta en forma distinta en netscape y mozilla mi pregunta es como se puese estandarizar este codigo para que funione bien en todos los navegadores.Lo otro que hace es cambiar una imagen con esto no tengo problemas funciona bien en todos los navegadores
Gracias
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body{
scrollbar-face-color: #aaaaaa;
scrollbar-highlight-color: #aaaaaa;
scrollbar-shadow-color: #aaaaaa;
scrollbar-3dlight-color: #eeeeee;
scrollbar-arrow-color: #eeeeee;
scrollbar-track-color: #e3e3e3;
scrollbar-darkshadow-color: #000000;
}
</style>
<script type="text/javascript">
function cambio(cual,correlacion)
{
if (document.getElementById(cual).style.display == 'none')
{document.getElementById(cual).style.display = 'block';
//document.images[correlacion].src='img_menu/menos.jpeg';
}
else
{ document.getElementById(cual).style.display = 'none';
//document.images[correlacion].src='img_menu/mas.jpeg';
}
}
</script>
<link href="css/estilo.css" rel="stylesheet" type="text/css">
</head>
<body class="fondomenu" topmargin="0" leftmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="cabezeramenu"> </td>
</tr>
</table>
<table width="80" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td><table width="132" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="132" style="cursor:hand" title="Empleados" onclick="cambio('TD_1','mas_1')" onMouseOver='self.status="Empleados";return true;' onMouseOut='self.status="";return true;'> <img src="img_menu/mas.jpeg" width="9" height="9" name="mas_1"> <a href="#" class="hiper">Empleados</a></td>
</tr>
<tr id="TD_1" style="display:none">
<td align="right" class="hiper"><a href="empleados/emple_busqueda.htm" target="mainFrame" class="hiper"> - Visualizar Datos</a></td>
</tr>
<tr>
<td height="25" onclick="cambio('TD_2','mas_2')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_2" width="9" height="9" id="mas_2"> <a href="#" class="hiper">Relatores</a></td>
</tr>
<tr>
<td id="TD_2" style="display:none">2</td>
</tr>
<tr>
<td onclick="cambio('TD_3','mas_3')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_3" width="9" height="9" id="mas_3"> <a href="#" class="hiper">Otec</a></td>
</tr>
<tr>
<td id="TD_3" style="display:none">3</td>
</tr>
<tr>
<td onclick="cambio('TD_4','mas_4')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_4" width="9" height="9" id="mas_4"> <a href="#" class="hiper">Cursos</a></td>
</tr>
<tr>
<td id="TD_4" style="display:none">4</td>
</tr>
<tr>
<td onclick="cambio('TD_5','mas_5')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_5" width="9" height="9" id="mas_5"> <a href="#" class="hiper">Solicitudes</a></td>
</tr>
<tr>
<td id="TD_5" style="display:none">5</td>
</tr>
<tr>
<td onclick="cambio('TD_6','mas_6')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_6" width="9" height="9" id="mas_6"> <a href="#" class="hiper">Presupuesto</a></td>
</tr>
<tr>
<td id="TD_6" style="display:none">6</td>
</tr>
<tr>
<td onclick="cambio('TD_7','mas_7')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_7" width="9" height="9" id="mas_7"> <a href="#" class="hiper">Eva. de desempeño </a></td>
</tr>
<tr>
<td id="TD_7" style="display:none">7</td>
</tr>
<tr>
<td onclick="cambio('TD_8','mas_8')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_8" width="9" height="9" id="mas_8"> <a href="#" class="hiper">Planificacion</a></td>
</tr>
<tr>
<td id="TD_8" style="display:none">8</td>
</tr>
<tr>
<td onclick="cambio('TD_9','mas_9')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_9" width="9" height="9" id="mas_9"> <a href="#" class="hiper">Analisis de cargo </a></td>
</tr>
<tr>
<td id="TD_9" style="display:none">9</td>
</tr>
<tr>
<td onclick="cambio('TD_10','mas_10')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_10" width="9" height="9" id="mas_10"> <a href="#" class="hiper">Malla curricular </a></td>
</tr>
<tr>
<td id="TD_10" style="display:none">10</td>
</tr>
<tr>
<td onclick="cambio('TD_11','mas_11')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_11" width="9" height="9" id="mas_11"> <a href="#" class="hiper">Evaluador</a></td>
</tr>
<tr>
<td id="TD_11" style="display:none">11</td>
</tr>
<tr>
<td onclick="cambio('TD_12','mas_12')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_12" width="9" height="9" id="mas_12"> <a href="#" class="hiper">Reportes</a></td>
</tr>
<tr>
<td id="TD_12" style="display:none">12</td>
</tr>
<tr>
<td onclick="cambio('TD_13','mas_13')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_13" width="9" height="9" id="mas_13"> <a href="#" class="hiper">Mi perfil</a></td>
</tr>
<tr>
<td id="TD_13" style="display:none">13</td>
</tr>
<tr>
<td height="23" onclick="cambio('TD_14','mas_14')" onMouseOut='self.status="";return true;' onMouseOver='self.status="";return true;' style="cursor:hand" title=""> <img src="img_menu/mas.jpeg" name="mas_14" width="9" height="9" id="mas_14"> <a href="#" class="hiper">Administracion</a></td>
</tr>
<tr>
<td id="TD_14" style="display:none">14</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
