Display en otros navegadores

cgm-util · #1 (**permalink**) 15/02/2011, 06:25

Hola:

Tengo el siguiente script que me funciona perfectamente en IE. pero en Mozilla no me funciona. Creo que es porque no empleo la función document.getElementById(nombreCapa), pero no se como aplicarla, por lo que os pido vuestra ayuda.

El script es este:
<script language= "JavaScript">
function Alternar(seccion1){
if (seccion1.style.display=="none"){
seccion1.style.display=""
}else{seccion1.style.display="none"}
}
</script>
</head>
<body>
<table width="146%" height="720" border="0">
<tr>
<td width="3%" height="720" bgcolor="#990000"> </td>
<td width="10%" height="720" bgcolor="#FFFFFF"> </td>
<td width="97%" valign="top" bgcolor="#FFFFFF">
<div class="Estilo27" style="cursor:s-resize" onClick="Alternar(seccion1)">
<span class="Estilo28">CARITAS</span>
<div class="Estilo24" id="seccion1" style="display:none";><font size="+1" color="#990000">
<a href="caritas.htm" target="principal">- Conócenos</a></span><br />
<a href="vicente_blasco_ibanez.html" target="principal">- Como llegar</a><br />
<a href="formulario_socios.php" target="principal">- Colabora con Caritas</a><br />
<a href="contactar.php" target="principal">- Contacto</a>
</font></div></div>
<div class="Estilo27" style="cursor:s-resize" onClick="Alternar(seccion2)">
<span class="Estilo28">EMPLEO</span><br />
<div class="Estilo24" id="seccion2" style="display:none"><font size="+1" color="#990000">
<a href="ver_demandas.php" target="principal">- Bolsa de empleo</a></span><br />
<a href="alta_demandas_externas.php" target="principal">- Ofertas de empleo</a><br />
</font></div></div>
<div class="Estilo27" style="cursor:s-resize" onClick="Alternar(seccion3)">
<span class="Estilo28">VARIOS</span><br />
<div class="Estilo24" id="seccion3" style="display:none"><font size="+1" color="#990000">
<a href="horarios_planing.php" target="principal">- Acogidas</a></span><br />
<a href="reservas.php" target="principal">- Cursos</a><br />
<a href="foro/index.php" target="principal">- Noticias</a><br />
<a href="menus5.php" target="principal">- Intranet</a><br />
</font></div></div> </td>
</tr>
</table>

espero vuestras noticias.

ocp001a · #2 (**permalink**) 15/02/2011, 10:56

Si no sabes como aplicar el document.getElemetById, deberías buscar información de esto antes de cualquier otra cosa.
A grandes rasgos a todo elemento que quieras tratar le debes asignar un id único.
luego, mediante la instrucción document.getElemetById('idobjeto').display='block' ; puedes mostrar un objeto antes oculto o bien mediante document.getElemetById('idobjeto').display='none'; puedes ocultarlo.

omarMusic · #3 (**permalink**) 15/02/2011, 13:39

simplificando:

function Alternar(seccion){
seccion = document.getElementById(seccion);
seccion.style.display = (seccion.style.display=="none")?"block":"none";
}

y en el evento onclick se asigna el id de la seccion como cadena

onClick="Alternar('seccion1')"

cgm-util · #4 (**permalink**) 15/02/2011, 21:12

Hola:

He realizado los cambios que me habéis proporcionado y sigue funcionando en IE pero en Mozilla no lo hace.

Quiero daros las gracias por vuestra atención y os agradecería cualquier otra sugerencia.

cgm-util · #5 (**permalink**) 16/02/2011, 10:14

Gracias amigos por vuestras sugerencias ya he completado el script y funciona perfectamente en Mozilla y en IE.