Desarrollo Web /

[JAVASCRIPT] Mostrar/ocultar divs (ocultar onload)

Participa en el tema [JAVASCRIPT] Mostrar/ocultar divs (ocultar onload) en el foro Desarrollo Web.
Hola, les comento lo que quiero hacer a ver si me peuden ayudar. Necsito es ...

Buscar en este tema:
 
  •  
    caballeroq escribió el 27/02/2008 a las 23:43 hs.
     
    ¿Mensaje inapropiado?
    #1 [JAVASCRIPT] Mostrar/ocultar divs (ocultar onload)
    Hola, les comento lo que quiero hacer a ver si me peuden ayudar. Necsito es que cuando se cargue una pagina, determinado div esté oculto. Cuando se hace click en un link, este div oculto aparece en la página.

    Lo que logré hasta ahora fue hacer que se escondiera y apareciese con javascript, pero al cargar la página el div ya está visible. Lo logré ocultar desde la carga con visibility: hidden, pero luego no lo pude hacer aparecer con java. Alguna ayuda?

    Desde ya, gracias a todos :)
    +
     
    0
    Me gusta
     
    http://www.psicofxp.com/forums/desarrollo-web.264/644606-javascript-mostrar-ocultar-divs-ocultar-onload.html
    | Más
  • pangus escribió el 28/02/2008 a las 02:27 hs. ¿Mensaje inapropiado?

    #2 Re: Mostrar/ocultar divs (ocultar onload)

    Mostrá el script. Quizás el script esté usando display y no visibility.
    Me gusta este mensaje
  • caballeroq escribió el 28/02/2008 a las 09:32 hs. ¿Mensaje inapropiado?

    #3 Re: Mostrar/ocultar divs (ocultar onload)

    Código:
    <head>
    <script "text/javascript">
    function fold(theid) {
    var theid=document.getElementById(theid);
    theid.style.display=(theid.style.display=="none") ? "block" : "none";
    }
    </script>
    <style >
    #div1{
    visibility: hidden;}
    </style>
    </head>
    <body>
    <a id="flag1" href="#" onclick="fold('div1');">Hide</a>
    <div id="div1">
        ...  stuff I want to hide
        </div>
    </body>
    
    Si le saco lo del style, funciona perfecto el fold. Así como está, lo que hace es aparecer con el div ya oculto y no logro mostrarlo clickeando en Hide.

    Saludos y gracias
    Me gusta este mensaje
  • pangus escribió el 28/02/2008 a las 10:09 hs. ¿Mensaje inapropiado?

    #4 Re: Mostrar/ocultar divs (ocultar onload)

    Sí, era por lo que yo decía. Fijate que en el estilo estás seteando la "visibility", pero el script cambia el "display". Simplemente cambiá en estilo y poné display:none en vez de lo que tenés ahora.
    Me gusta este mensaje
  • caballeroq escribió el 28/02/2008 a las 10:48 hs. ¿Mensaje inapropiado?

    #5 Re: Mostrar/ocultar divs (ocultar onload)

    Muhcisimas gracias, es exactamente lo que quería.

    Una última pregunta, hay manera de evitar que se deba hacer doble click para mostrar el div?

    Saludos!
    Me gusta este mensaje
  • pangus escribió el 28/02/2008 a las 11:47 hs. ¿Mensaje inapropiado?

    #6 Re: Mostrar/ocultar divs (ocultar onload)

    Originalmente publicado por caballeroq Ver mensaje
    Una última pregunta, hay manera de evitar que se deba hacer doble click para mostrar el div?
    Sí. El problema es que, al parecer, si el div empieza con display:none, el javascript piensa que el atributo está vacío. Lo que hay que hacer es testear por "block" en vez de por "none".

    Cambiá donde dice:
    Código:
    theid.style.display=(theid.style.display=="none") ? "block" : "none";
    
    por
    Código:
    theid.style.display=(theid.style.display=="block") ? "none" : "block";
    
    Saludos.
    Me gusta este mensaje
  • caballeroq escribió el 01/03/2008 a las 13:09 hs. ¿Mensaje inapropiado?

    #7 Re: Mostrar/ocultar divs (ocultar onload)

    Una barbaridad lo tuyo. Muchísimas gracias pangus

    Un abrazo
    Me gusta este mensaje


Estadísticas del tema
  • 6 RESPUESTAS
  • 4185 VISTAS
  • 2 USUARIOS RESPONDIERON
 
Ir arriba
Contacto | Acerca de | Ayuda | Términos Legales | privacidad | Pautas de convivencia | Mapa de los foros | TrabajÁ con nosotros
©2008 Psicofxp.com S.A. - Todos los derechos reservados
Certifica IAB