[JAVASCRIPT] Mostrar/ocultar divs (ocultar onload)

Si eres usuario
Ingresa aquí »

¿Eres nuevo?

psicofxp.com

Google ?

Google
Artículos
Foros
Fotos
Videos
Amigos

Estás en: Inicio / Foros / Informática / Webmasters / Desarrollo Web

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 ...

0votos

LinkBack

Herramientas

Buscar en este tema

caballeroq

Primate

#1 | 28.02.2008, 02:43 hs.

[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 :)

pangus

Orangután

#2 | 28.02.2008, 05:27 hs.

Re: Mostrar/ocultar divs (ocultar onload)

Mostrá el script. Quizás el script esté usando display y no visibility.

caballeroq

Primate

#3 | 28.02.2008, 12:32 hs.

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

pangus

Orangután

#4 | 28.02.2008, 13:09 hs.

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.

caballeroq

Primate

#5 | 28.02.2008, 13:48 hs.

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!

pangus

Orangután

#6 | 28.02.2008, 14:47 hs.

Re: Mostrar/ocultar divs (ocultar onload)

Originalmente publicado por caballeroq

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.

caballeroq

Primate

#7 | 01.03.2008, 16:09 hs.

Re: Mostrar/ocultar divs (ocultar onload)

Una barbaridad lo tuyo. Muchísimas gracias pangus

Un abrazo

Desarrollo Web» [JAVASCRIPT] Mostrar/ocultar divs (ocultar onload)

« Tema anterior | Siguiente tema »

Herramientas	Buscar en este tema
Versión para imprimir Enviar por correo	Buscar en este tema: Búsqueda avanzada
Califica este tema
Califica este tema:

Este tema está relacionado con otros ya publicados en el sitio. Podés visitarlos ahora!
Tema	Iniciado por	Foro	Resp.	Último mensaje
Ocultar mi IP	martincho_1977	Seguridad Informática	22	12.02.2009 09:45 hs.
Como ocultar la ip en el irc	PoetaCamba	Chat, E-Mail y Mensajeros	10	30.12.2007 18:38 hs.
mostrar y ocultar divs	ryuseiken	Desarrollo Web	8	11.11.2007 21:58 hs.
¿Como ocultar mi win xp?	Psychedelic	Windows	2	17.07.2007 19:18 hs.
Ocultar IP en MSN	krapu	Seguridad Informática	0	22.12.2006 11:36 hs.