Foros del Web » Programando para Internet » Javascript »

Retrasar link para permitir animacion

Estas en el tema de Retrasar link para permitir animacion en el foro de Javascript en Foros del Web. Hola, ando experimentando con Jquery e implemente una simple animacion que despliega un submenu cuando se hace click en el menu padre El problema es ...
  #1 (permalink)  
Antiguo 11/01/2012, 13:49
Avatar de Chico3001  
Fecha de Ingreso: septiembre-2011
Ubicación: Mexico, DF
Mensajes: 112
Antigüedad: 12 años, 7 meses
Puntos: 12
Retrasar link para permitir animacion

Hola, ando experimentando con Jquery e implemente una simple animacion que despliega un submenu cuando se hace click en el menu padre

El problema es que el click se hace en un tag <a> y se carga la nueva pagina evitando que la animacion termine

Habra alguna manera de resolver esta situacion sin usar AJAX? por ejemplo retrasando la carga de la nueva pagina hasta que la animacion termine?
  #2 (permalink)  
Antiguo 11/01/2012, 14:00
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Retrasar link para permitir animacion

pues retrasar la redirección tanto como quieras si usas un temporizador
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 11/01/2012, 15:01
Avatar de Hugo_Euan  
Fecha de Ingreso: abril-2011
Ubicación: Mérida, Yucatán, México
Mensajes: 193
Antigüedad: 13 años
Puntos: 71
Respuesta: Retrasar link para permitir animacion

O tambien puedes utilizar un callback

animate( params, [duration], [easing], [callback] );

aquí un ejemplo:

Código Javascript:
Ver original
  1. $("selector").animate({
  2.        height:400
  3.     }, 1000, "linear", function(){alert("termine");} );


Saludos y Éxito
__________________
Se acepta Karma (:

Si Dios con nosotros, quien contra nosotros !!
  #4 (permalink)  
Antiguo 11/01/2012, 15:21
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 15 años, 7 meses
Puntos: 187
Respuesta: Retrasar link para permitir animacion

Cita:
Iniciado por IsaBelM Ver Mensaje
pues retrasar la redirección tanto como quieras si usas un temporizador
un ejemplo de esto sería este: http://jsfiddle.net/DUK4B/

Lo hice siguiendo el principio de "mejora progresiva" por lo tanto el enlace funcionará aún con javascript desactivado
  #5 (permalink)  
Antiguo 11/01/2012, 22:51
Avatar de Chico3001  
Fecha de Ingreso: septiembre-2011
Ubicación: Mexico, DF
Mensajes: 112
Antigüedad: 12 años, 7 meses
Puntos: 12
Respuesta: Retrasar link para permitir animacion

Y se puede pasar una variable de javascript a la nueva pagina para tratarla desde alli?

Algo como la variable $_SESSION de PHP, que se destruya cuando el usuario cierre su navegador... (si... quiero evitar una galletita )

Etiquetas: ajax, animacion, link, permitir, retrasar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:28.