
25/04/2012, 11:54
|
| | 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> |