jquery.ajax()

[viringas]

hola a todos, tengo esta funcion para dar de alta una asignatura

Código Javascript:

$("#formAltaMat").submit(function(event){
event.preventDefault();
 
    $.ajax({
        type: "POST",
        url: "enviaDatosAltaMateria.php",
        data: $("#formAltaMat").serialize(),
        success: function(){
            $("#formAltaMat").hide(function(){$('div.msg').fadeIn('slow').fadeOut(6000);}); 
            $("#flotante").fadeOut(4000);
            //$("#contenido").fadeIn().load("docencia.php");
        }  
    }); 
    
});
 

la funcion funciona perfectamente ya que da de alta asignaturas perfectamente, lo que me falla o digamos q no me gusta es el efecto visual, vereis, lo q hago en el success es que esconda el formulario de alta, y muestre un div flotante que muestra un mensaje, luego este div se desvanece con el efecto fade, el problema es q acontinuacion le digo q que en contenido cargue docencia.php q es donde aparecen todas las asignaturas dadas de alta, pero no se xq al hacer el success muestra directamente la pagina docencia.php con los datos actualizados sin antes aparecer el div flotante y la verdad no se xq

gracias!

[kokoou]

La función fadeOut tiene un parámetro callBack, entonces lo solucionas así:

Código Javascript:

$("#flotante").fadeOut(4000, function(){ $("#contenido").fadeIn().load("docencia.php") });
 

Entonces, cuando finaliza el fadeOut, recién en ese momento se hace el load.

Saludos

[viringas]

sabes de algun tutorial en español de jquery que este bien??

[viringas]

q se me olvido decirte que gracias x tu aporte lo probe y funciona genial muchas gracias

[kokoou]

De nada, me alegro!