capa invisible getElementById

DeLaVega · #1 (**permalink**) 31/03/2004, 18:47

Hola, estoy usando 2 selects en donde el segundo debe aparecer o desaparecer depende de la elección del primero (una capa que se hace visible o invisible). No tenía inconvenientes para hacerlo funcionar en Explorer 6, pero en el resto de los navegadores no funcionaba (no desaparecía), hasta que comencé a utilizar getElementById(). Con getElementById() funciona bien en IE 6, NS 7.1, Mozilla 1.6, Opera 7.23 y Mozilla Firefox 0.8 (no en NS 4).
Mis dudas son:

. ¿En IE 5 y NS 6 funciona bien getElementById()? ¿Y En versiones anteriores de Mozilla y Opera?
. ¿Es posible esconder capas (en este caso un select) en todos los otros navegadores que mencioné (sacando al Explorer) sin utilizar getElementById? (ya que en NS 4 y versiones viejas del IE no funciona) ¿O hay que hacer un código especial para cada navegador?
. ¿Qué puedo hacer con NS 4? ¿Es posible esconder capas en NS 4?

Muchas gracias por sus comentarios y ayuda.
Saludos

KarlanKas · #2 (**permalink**) 01/04/2004, 02:37

Es complicado esto.

He sacado un código, pero no sé yo... te obliga a tener 2 formularios ya que si no el NS 4.7 no muestra el segundo select como tal. Probablemente sea por culpa mía. Lo pongo aquí por si acaso alguien pueda arreglarlo y que así te sirva:

Código PHP:

  <html>

<head>

</head>

<script>

etiqueta=(document.layers)?"layer":"div";

function visibilidad(capa,si){

mostrar=(etiqueta=="div")?"visible":"show";

valor=["",mostrar,"hidden"]

 
if(document.layers){document.layers[capa].visibility=valor[si];}

else{

document.getElementById(capa).style.visibility=valor[si];}

}

 
</script>

    <title>Untitled</title>

</head>

 
<body>

 
 
<form>

<select name="juan" onchange="visibilidad('pepe',this.selectedIndex);">

<option>Seleccione una opción

<option>Mostrar

<option>Ocultar

</select>

<script>

document.write("<"+etiqueta+" id='pepe'>");

</script>

<form>

<select>

<option>Hola 

<option>Adios

</select></form>

<script>

document.write("</"+etiqueta+">");

 
</script>

</form>

 
</body>

</html>