Ver Mensaje Individual
  #10 (permalink)  
Antiguo 25/04/2012, 11:54
fgar015
 
Fecha de Ingreso: abril-2012
Mensajes: 3
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: div oculto y mostrado

aca encontre esto:
Para mostrar y ocultar un div debemos instanciar un div con un ID único y en el estilo incluir style=”display:none;” por ejemplo:
<div id=”flotante” style=”display:none;”> </div>

Luego debemos realizar dos funciones en javascript para mostrar y ocultar dicho div respectivamente.

<script>

function mostrardiv() {

div = document.getElementById('flotante');

div.style.display ='';

}

function cerrar() {

div = document.getElementById('flotante');

div.style.display='none';

}

</script>

Una vez hecho esto, tenemos las funciones en javascript que mostrarán y ocultarán el div cuando el usuario haga click en una imagen o un texto con el link a la función, como en el siguiente ejemplo:

<div id=”mostrarDiv”><a href=”javascript:mostrardiv();”>Mostrar Div</a></div>
<div id=”flotante” style=”display:none;”> Este es un div oculto <br><a href=”javascript:cerrar();”> presiona aquí para cerrar</a> </div>