Foros del Web » Creando para Internet » CSS »

Como puedo dejar un div oculto

Estas en el tema de Como puedo dejar un div oculto en el foro de CSS en Foros del Web. hola estoy intendo ocultar el div lo puse en clase active con style none pero no consigo que se que de asi , lo pulso ...
  #1 (permalink)  
Antiguo 02/08/2010, 12:41
 
Fecha de Ingreso: agosto-2010
Ubicación: españa
Mensajes: 94
Antigüedad: 7 años, 4 meses
Puntos: 1
Como puedo dejar un div oculto

hola estoy intendo ocultar el div lo puse en clase active con style none pero no consigo que se que de asi , lo pulso y se oculta pero luego al soltarlo se queda como estaba, bueno estube intentandolo con el visited pero si lo ago en tal y como esta el div desaparese y ahy si que no puedo clikearlo ,, sobre todo lo que quiero es que clickeen una imagen y a su vez lleve a la div qu esta debajo y ese seguidamente del siguiente como una lista de fotos o algo asi muchas gracias
  #2 (permalink)  
Antiguo 02/08/2010, 16:54
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Como puedo dejar un div oculto

Hola rapblack:

para ocultarlo ... div{display:none;}
para volver a mostrarlo ... div{display:block;}

Espero te sirva. Saludos
  #3 (permalink)  
Antiguo 02/08/2010, 19:58
 
Fecha de Ingreso: enero-2009
Ubicación: Uruguay
Mensajes: 121
Antigüedad: 8 años, 11 meses
Puntos: 4
Respuesta: Como puedo dejar un div oculto

no entendi mucho el tema de active o visited, lo mejor que puedes hacer es lo que te dijo cristian_cena aplicarlo con javascript y tambien para lo que pediste de la galeria.
si te explicas un poco mejor y nos dejas los codigos o una url donde este el ejemplo, te voy a poder ayudar.
Saludos
__________________
www.sandant.com - Blog de Programacion y mucho mas

WWW.SPEDEVIGNER.COM SE DEJARA DE USAR EN UN MES
  #4 (permalink)  
Antiguo 03/08/2010, 00:02
 
Fecha de Ingreso: enero-2010
Mensajes: 113
Antigüedad: 7 años, 10 meses
Puntos: 2
Respuesta: Como puedo dejar un div oculto

Hola bueno mira:

solo coloca esto en tu enlace:

Código HTML:
Ver original
  1. <a href="#" onclick="ocultar();">No se que tienes aqui</a>

este seria tu div:

Código HTML:
Ver original
  1. <div id="oculto" style="display: none;">Contenido</div>

y esta seria tu funcion javascript:

Código Javascript:
Ver original
  1. function ocultar(){
  2. var oculto = document.getElementById("oculto");
  3. if (oculto.style.display=="none"){
  4.         oculto.style.display="block"
  5.         }
  6.         else {
  7.         oculto.style.display="none"
  8.         }
  9. }

aqui te muestro todo en un solo documento:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
  3. <title>Tu titulo</title>
  4. <script type="text/javascript">
  5. function ocultar(){
  6. var oculto = document.getElementById("oculto");
  7. if (oculto.style.display=="none"){
  8.         oculto.style.display="block"
  9.         }
  10.         else {
  11.         oculto.style.display="none"
  12.         }
  13. }
  14. </head>
  15. <a href="#" onclick="ocultar();">No se que tienes aqui</a>
  16. <div id="oculto" style="display: none;">Contenido</div>
  17. </body>
  18. </html>

Etiquetas: dejar, oculto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:01.