show div al cargar pagina

eduardo160 · #1 (**permalink**) 29/05/2011, 19:24

hola quisiera saber como hacer para que se muestre un div en mi pagina con javascript o jquery o ajax cual sea...pero que sea cuando se cargue la pagina...se entiende..osea se cargo una pagina entonces que aparesca el div..se puede hacer? gracias

InKarC · #2 (**permalink**) 29/05/2011, 19:42

Claro que se puede hacer.

En el CSS coloque que comienze siendo invisible;

Cita:

#id_del_div{
display:none;
}

y luego coloca el javascript

Cita:

eduardo160 · #3 (**permalink**) 29/05/2011, 19:51

Amigo no me hace nada..lo del display none si lo hace pero cuando carga la pagina no muestra nada...ya acomode lo que tienes alli del s tyle.display = "block" que sera amigo? ayuda

InKarC · #4 (**permalink**) 29/05/2011, 19:56

A mi si me funciona, mire si no lo copio mal o algo

Código Javascript:

Ver originalwindow.onload = function(){document.getElementById("id_del_div").style.display = "block"; }

eduardo160 · #5 (**permalink**) 29/05/2011, 20:11

ok amigo ya me funciona..ahora como se haria para que lo muestre con un efecto slide/show? se podra hacer ? gracias :D

InKarC · #6 (**permalink**) 29/05/2011, 20:39

sip, usando jQuery

Código Javascript:

Ver originalwindow.onload = function(){ $("#id_del_div").slideDown() }

Para usar jQuery solo tiene que poner esto en el <head> de la pagina:

Código HTML:

Ver original<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

eduardo160 · #7 (**permalink**) 29/05/2011, 20:46

Ok muchas gracias de verdad y una pregunta eso funciona para todos los exploradores?