Al hacer click en un boton ocultar capa.

chcma · #1 (**permalink**) 10/05/2006, 11:02

Hola buenas tardes:

Tengo la siguiente capa:
<div id="imgNoticias" style="visibility:visible">
<img src="img/msgNoticias.gif" />
</div>

¿Como puedo hacer para que al hacer click en un boton se oculte dicha capa? Actualmente tengo el siguiente codigo:

Código:

<script language="javascript">
	function MostrarAviso(){
		this.getElementById('imgNoticias').style.visibiliy=true;
	}
</script>
<input type="button" onclick="javascript: MostrarAviso();" />

Naturalemente no me funciona, por eso estoy aqui, jejejeje, ¿Alguien podría decirme como puedo hacer para solucionar mi problema?

Desde ya, muchas gracias.

caricatos · #2 (**permalink**) 10/05/2006, 11:07

Hola:

Código:

<script language="javascript">
	function MostrarAviso(){
		this.getElementById('imgNoticias').style.visibiliy = "hidden";
	}
</script>

Saludos

JavierB · #3 (**permalink**) 10/05/2006, 11:07

Hola chcma

document.getElementById('imgNoticias').style.visib iliy = 'hidden';

para volverla a mostrar se hace lo mismo pero utilizando 'visible'

Edito: ¡Cachis! "me se" ha adelantado caricatos (¡Hola!

)

Saludos,

caricatos · #4 (**permalink**) 10/05/2006, 11:14

Cita:

Iniciado por JavierB

Hola chcma

document.getElementById('imgNoticias').style.visib iliy = 'hidden';

para volverla a mostrar se hace lo mismo pero utilizando 'visible'

Edito: ¡Cachis! "me se" ha adelantado caricatos (¡Hola!

)

Saludos,

¡Je, je! yo también edité el mensaje porque había puesto visible en vez de hidden (para que no me adelantaran...

)

Saludetes

chcma · #5 (**permalink**) 10/05/2006, 11:19

Bueno, pues lo he probado y eso no funciona, dice que el objeto no admite esa propiedad . . . .

Código:

<head>
<title>Probando</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript">
	function MostrarAviso(){
		this.getElementById('imgNoticias').style.visibiliy="hidden";
	}
</script>
</head>

<body>
<div id="imgNoticias" style="visibility:visible">
	<img src="img/msgNoticias.gif" />
</div>

<input type="button" onclick="javascript: MostrarAviso();" />
</body>

Tambien he cambiado this por document. Ahi no me marca error, pero tampoco lo hace...

caricatos · #6 (**permalink**) 10/05/2006, 11:23

Hola:

cambia this por document en la función... con eso tiene que funcionar...
(es que copié el código sin estudiarlo demasiado...)

Saludos

JavierB · #7 (**permalink**) 10/05/2006, 11:27

Hola de nuevo.

Sabía que se adelantaría caricatos (Vaya tarde que llevamos) pero voy a dejar también mi contribución a la causa:

Código:

document.getElementById('imgNoticias').style.visibility="hidden";

yo también había usado el copy&paste

Saludos,

chcma · #8 (**permalink**) 10/05/2006, 11:56

Muchisimas gracias gente.