Logo

Foro sobre los Ciclos Formativos de Grado Medio ( SMR ) y Superior ( ASIR, DAI, DAM y DAW ).

Cargar divs con javascript

Aprende a maquetar & diseñar una página web.

Cargar divs con javascript

Notapor zornak el 21 Ago 2010, 14:17

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:

Código: Seleccionar todo
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!
Avatar de Usuario
zornak
Usuario FP
Usuario FP
 
Mensajes: 82
Registrado: 03 May 2010, 14:10
Ciclo Formativo: SMR
Curso:
Acceso por: Grad. ESO
Provincia: Toledo
Instituto: IES CaNada Real

Re: Cargar divs con javascript

Notapor Xdlo el 22 Ago 2010, 20:58

Que conste que no tengo ni idea de JavaScript, pero... ¿No puedes meter tras el fadeout un tiempo de espera lo suficientemente largo como para que el texto desaparezca? Deberías ser capaz de parar la ejecución con Javascript con alguna instrucción. Sé que en PHP sí puede hacerse y en C++ también, y estoy casi seguro de que debe haber algo similar en todos los demás lenguajes, aunque seguramente no es la opción "chula" de hacerlo.
Avatar de Usuario
Xdlo
Iniciado
Iniciado
 
Mensajes: 188
Registrado: 02 Jun 2010, 09:32
Ubicación: León
Ciclo Formativo: No estudio FP
Curso: Ninguno
Provincia: Leon

Re: Cargar divs con javascript

Notapor zornak el 22 Ago 2010, 21:19

si, si estuve investigando y existe una opcion -> setTimeOut("accion", tiempo); pero cuando la uso peta todo xDDD
Avatar de Usuario
zornak
Usuario FP
Usuario FP
 
Mensajes: 82
Registrado: 03 May 2010, 14:10
Ciclo Formativo: SMR
Curso:
Acceso por: Grad. ESO
Provincia: Toledo
Instituto: IES CaNada Real

Re: Cargar divs con javascript

Notapor Xdlo el 23 Ago 2010, 00:33

¿Puedes poner el código que usaste con esa función que hace que te "pete" todo? A ver si damos con algo.
Avatar de Usuario
Xdlo
Iniciado
Iniciado
 
Mensajes: 188
Registrado: 02 Jun 2010, 09:32
Ubicación: León
Ciclo Formativo: No estudio FP
Curso: Ninguno
Provincia: Leon

Re: Cargar divs con javascript

Notapor zornak el 23 Ago 2010, 12:35

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
Avatar de Usuario
zornak
Usuario FP
Usuario FP
 
Mensajes: 82
Registrado: 03 May 2010, 14:10
Ciclo Formativo: SMR
Curso:
Acceso por: Grad. ESO
Provincia: Toledo
Instituto: IES CaNada Real

Re: Cargar divs con javascript

Notapor Xdlo el 23 Ago 2010, 16:51

A lo que iba es a ver qué le habías puesto al timeout como parámetro, justo eso no lo has puesto ;)

Tal vez poniendo alguna acción dentro del timeout en plan document.write(nada) o algo así...
Avatar de Usuario
Xdlo
Iniciado
Iniciado
 
Mensajes: 188
Registrado: 02 Jun 2010, 09:32
Ubicación: León
Ciclo Formativo: No estudio FP
Curso: Ninguno
Provincia: Leon

Re: Cargar divs con javascript

Notapor zornak el 23 Ago 2010, 18:12

No sé, seguro que existe algo mas normal xD
Avatar de Usuario
zornak
Usuario FP
Usuario FP
 
Mensajes: 82
Registrado: 03 May 2010, 14:10
Ciclo Formativo: SMR
Curso:
Acceso por: Grad. ESO
Provincia: Toledo
Instituto: IES CaNada Real

Re: Cargar divs con javascript

Notapor newboy el 25 Ago 2010, 20:40

¿Algo como esto?

Debe registrarse para ver este enlace. Gracias por su visita.

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:

Debe registrarse para ver este enlace. Gracias por su visita.

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

Debe registrarse para ver este enlace. Gracias por su visita.

Salu2.
Avatar de Usuario
newboy
Admin & Webmaster
Admin & Webmaster
 
Mensajes: 2069
Registrado: 20 Jul 2008, 16:12
Ubicación: 127.0.0.1
Ciclo Formativo: No estudio FP
Curso: Ninguno

Re: Cargar divs con javascript

Notapor zornak el 26 Ago 2010, 02:03

Ahora mismo estoy medio sobado xD mañana le echo un ojo y os comento
Avatar de Usuario
zornak
Usuario FP
Usuario FP
 
Mensajes: 82
Registrado: 03 May 2010, 14:10
Ciclo Formativo: SMR
Curso:
Acceso por: Grad. ESO
Provincia: Toledo
Instituto: IES CaNada Real

Re: Cargar divs con javascript

Notapor Borja el 26 Ago 2010, 10:34

Si no te funciona puedes encontrar la secuencia aquí.

Debe registrarse para ver este enlace. Gracias por su visita.
Avatar de Usuario
Borja
Visitante
Visitante
 
Mensajes: 8
Registrado: 19 Jul 2010, 21:12
Ciclo Formativo: No estudio FP
Curso:

Siguiente

Volver a Diseño Web

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados