Mostrar y Ocultar Tag

[Uman]

Buenas,

tengo el siguiente codigo funcionando en ie pero no me trabaja en netscape y ocupo hacerlo funcionar:

<div id="bloque1">
texto1
</div>
<input type="button" value="Ocultar bloque" onClick="window.bloque.style.display='none'">

Alguien me puede dar una ayuda.

Muchas Gracias.

[tunait]

Hola Uman

¿Qué es lo que quieres lograr? que se oculte el contenido del div?

otra cosa... lo quieres para Netscape pero te vale con que funcione en NS6 o posterior o las versiones 4.x??

un saludo

[Uman]

Exacto, lo que pretendo es ocultar el contenido del div.

Me gustaria que funcione en netscape 4.x o superior.

Si me puedes dar una pista te lo agradeceria.

[tunait]

Hola de nuevo :) ,

Mira tanto explorer como netscape 6.x trabajarán bien si se lo pides así:

<div id="bloque1">
texto1
</div>
<input type="button" value="Ocultar bloque" onClick="document.getElementById('bloque1').style. visibility='hidden'">

Para NS 4.algo... no lo se, no puedo probar nada con esa version, pues no la tengo.

De todas formas hazte a la idea que NS4.x te va a dar muchos quebraderos de cabeza.

Necesitarás una función que en valor del navegador y su versión te aplique unas directivas u otras.

Personalmente me niego a perder más horas de mi vida sólo porque a la gente le de pereza actualizar su navegador a una versión actual ;) así que sólo contemplo el ns a partir de su versión 6

suerte

p.d. no creas, me he pegado un buen rato tratando de darte todas las soluciones.... pero a pesar de seguir las recomendaciones.... no funciona ni siquiera en ns6 (lo que intento para la 4) así que paso!!

[Uman]

Esta me funciona perfectamente cuando quiero ocultarlo, lo unico es que me mantiene el espacio que ocupa en la pagina, ya que si son varios se van a ver espacios en blanco.

Sabes como solucionarlo???

Muchas gracias por tu respuesta.

[tunait]

Claro, prueba añadiendo...

<input type="button" value="Ocultar bloque" onClick="document.getElementById('bloque1').style. visibility='hidden';document.getElementById('bloque1').style.position ='absolute'">




:)

[Uman]

Barbaro Mi amigo, voy a realizar algunas pruebas y te cuento como me fue.

Muchas gracias.

[mikel_gomez]

Uman:

Para que no te queden espacios y se reaproveche el espacio, utiliza la propiedad que tenías en tu primer mensaje (display='none') combinado con el método que te ha comentado tunait (document.getElementById()).

Código:

<div id="bloque1">Bloque 1</div>
<div id="bloque2">Bloque 2</div>
<div id="bloque3">Bloque 3</div>
<form id="frm">
  <input type="button" value="Ocultar bloque 2"
    onclick="document.getElementById('bloque2').style.display='none'">
  <input type="button" value="Mostrar bloque 2"
    onclick="document.getElementById('bloque2').style.display='inline'">
</form>

Funciona en Netscape 6+, Opera 5+, MS Explorer 5+ y cualquier otro navegador compatible DOM (Document Object Model)

Saludos.