Discussion :

[Cookal]

Bonjour à tous, je viens vous voir suite à un problème de FadeOut/FadeIn avec Jquery.

En fait, lors du chargement d'une nouvelle page, je veux faire disparaitre l'ancienne en fadeOut, et la nouvelle la faire apparaitre en fadeIn, et ce via l'utilisation de ajax de Jquery.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(document).ready(function() {
		$("a.test").click(function() { 
	    $("#centre").fadeOut("slow");
 
    $.ajax({ 
        type: "POST", 
        url: $(this).attr("href"), 
        success: function(retour){
 
 
            $("#centre").empty().append(retour).fadeIn("slow"); 
 
        }
 
 
    }); return false;
 
});
});

Si je n'ai pas été assez clair, je vous invite à voir l'effet "indésirable" sur http://propg.fr

D'avance, merci.

[franculo_caoulene]

Salut,

Je n'ai pas testé, mais me suis inspiré de quelque chose que j'ai déjà fait:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function() {
	$("a.test").click(function() {
		var $me = $(this);
		$("#centre").fadeOut("slow", function() {
			$("#centre").load($me.attr("href"), function() {
				$("#centre").fadeIn("slow"); 
			});
		});
	}); 
	return false;
});