Aparecer imagen onclik

Tecktonikrazy · #1 (**permalink**) 11/03/2010, 12:14

Hola, quiero poner en mi sitio algo para ocultarlo, esto es: colocar un enlace que al dar clik aparesca una imagen del tamaño de la ventana que cubra todo el sitio y que al dar clik en la imagen, se desaparesca y se pueda seguir viendo el sitio, algo como en este sitio: http://www.ryansheckler.com/ figense asta abajo a la derecha donde dise HIDE SITE y denle clik y pasa lo que les digo, eso es lo que quiero saber como se hace?¿?¿?¿?

maycolalvarez · #2 (**permalink**) 12/03/2010, 06:22

con CSS: position:absolute; y display:none; o visibility también sirve

la parte JS:

Código Javascript:

Ver originaldocument.getElementById("id_capa").style.display="none";

amigo_uy · #3 (**permalink**) 15/03/2010, 03:57

Cita:

Iniciado por maycolalvarez

con CSS: position:absolute; y display:none; o visibility también sirve

la parte JS:

Código Javascript:

Ver originaldocument.getElementById("id_capa").style.display="none";

me interesa pero no entendi nada

, podrias poner el código con un ejemplo. Gracias

Adler · #4 (**permalink**) 15/03/2010, 05:59

Hola

Estudio esto

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
function desplegar(que) {
tag = document.getElementById(que);
tag.style.display = (tag.style.display == "none") ? "block" : "none";
}
</script>
</head>
 
<body>
<div onclick="desplegar('tabla1')">Desplegable 1</div>
<table id="tabla1" style="display: none">
<tr><td>elemento1</td></tr>
<tr><td>elemento2</td></tr>
<tr><td>elemento3</td></tr>
<tr><td>elemento4</td></tr>
<tr><td>elemento5</td></tr>
</tr>
</table>
 
 
<div onclick="desplegar('tabla2')" >Desplegable 2</div>
<table id="tabla2" style="display: none;">
<tr><td>elemento1</td></tr>
<tr><td>elemento2</td></tr>
<tr><td>elemento3</td></tr>
<tr><td>elemento4</td></tr>
<tr><td>elemento5</td></tr>
</table>
</body>
</html>

Suerte

Tecktonikrazy · #5 (**permalink**) 23/03/2010, 11:28

Buenas noticias, lo pude lograr con algo mas basico xD aqui se los dejo:

Código HTML:

Ver original<a style="position: fixed; bottom: 0px; left: 0px;" href=
"http://tecktonikrazy.googlegroups.com/web/Ocultar%20sitio.html?gda=dMFTz0kAAAA7TC9g-iXMQ1dupEAyEUAtiInpX4-qepw9jSPiBXc6acOthQROg0FuCB7ZT3tI1IxS96wIF_QcfbDb08vhxldFhAioEG5q2hncZWbpWmJ7IQ&amp;hl=es"><img alt=""
src="http://i719.photobucket.com/albums/ww195/alexandro-yo/Ocultar_onclik.png" /></a>

La pagina que se abre es solo una imagen de tamaño completo que al dar clik te redirige a la pagina anterior