Cargar divs con javascript

zornak

Buenas... bueno, mi web consta de 3 divs principales, el div para el logo, el div para el cuerpo de la página y el div para el menú, lo que quiero hacer, es que al cargar la web no salgan los divs como normalmente salen, si no que "aparezcan" con el fadeIn() de jquery o algo así... el problema es que no se como hacerlo.. ¿Alguien sabe?

Otro problema que tengo, es al cargar el contenido del cuerpo de la página, el proceso es el siguiente:

content.fadeOut();
content.load("modules/home.php");				
content.fadeIn();

El problema, es que antes de que el texto que hay desaparezca, ya ha cargado el nuevo, y queda mal... ¿no existe alguna opción para que cargue el nuevo contenido una vez haya terminado el primer efecto?

Bueno, esas dos son mis dudas =)

Un saludo!

zornak

si, si estuve investigando y existe una opcion -> setTimeOut("accion", tiempo); pero cuando la uso peta todo xDDD

zornak

He probado con cada una de estas tres:

content.fadeOut();
content.load("modules/home.php");
content.fadeIn();

Añadiendole setTimeOut con 2000 como tiempo (2 segundos), he probado poniendo setTimeOut("xx", 2000), he probado setTimeOut(xxx,2000), de todo... y siempre peta xD

zornak

No sé, seguro que existe algo mas normal xD

newboy

¿Algo como esto?

http://www.mkyong.com/wp-content/upload ... ffect.html

Mira el script:

$(document).ready(function(){

$('#page_effect').fadeIn(2000);

});

En el fadein añade los segundos que tardará en mostrarse, así le das tiempo a cargar lo otro:

http://www.mkyong.com/jquery/page-loadi ... th-jquery/

Aquí tienen un método parecido al tuyo, por si te interesa:

http://www.sitepoint.com/forums//showth ... p?t=529326

Salu2.

zornak

Ahora mismo estoy medio sobado xD mañana le echo un ojo y os comento

Borja

Si no te funciona puedes encontrar la secuencia aquí.

http://www.google.es/codesearch

zornak

Buenas, lo de hide() es una buena opción, aun que no es como yo quería que funcionase ya que con hide(), el texto no se desvanece...

La solución seria esta:

content.fadeOut('fast', function(){ 
  content.load("modules/home.php", function(){ content.fadeIn(); 
  }); 
});

Me contestaron en forosdelweb, aun no entiendo muy bien como funciona eso.. xD pero funciona...