Discussion :

[thor76160]

bonjour tout le monde,

j'aimerais changer le contenu d'un div avec cette fonction :

Code :

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

1
2
3
4
5
6
7
 
$.ajax({
		url: page,
		cache: false,
		success:function(html){$("#contenu").empty();$("#contenu").append(html);},
		error:function(XMLHttpRequest, textStatus, errorThrows){}
	});

ca marche, mais j'aimerais un effet de transition (fade je crois) mais je n'arrive pas a l'appliquer.
sauriez-vous m'aider svp ?

merci beaucoup d'avance ^^

[thor76160]

voila j'ai trouvé une solution, si vous voyez un moyen de l'améliorer je suis totalement à l'écoute

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function affichePage(page)
{
	$("#contenu").empty();
	$("#contenu").fadeOut(500);
	$("#contenu").fadeIn(500);
	$.ajax({
		url: page,
		cache: false,
		success:function(html){$("#contenu").append(html);},
		error:function(XMLHttpRequest, textStatus, errorThrows){}
	});
}

[danielhagnoul]

Bonsoir.

Exemple :

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
function affichePage(page){
	$.ajax({
		url: page,
		cache: false,
		success:function(html){
			$("#contenu").fadeOut(5000);
			$("#contenu").queue(function(){
				$(this).html(html);
				$(this).dequeue();
			});
			$("#contenu").fadeIn(5000);
		},
		error:function(XMLHttpRequest, textStatus, errorThrows){
 
		}
	});
}