Discussion :

[guillaume40]

Bonjour,
Je suis novice dans l'utilisation de jQuery.
Sur un site j'ai mis en place une navigation ajax.
Pour cela j'utilise la fonction load() et pour les effets j'utilise un fadeOut et fadeIn.

Cependant quand je clique sur les différents liens je trouve que l'affichage est plutôt saccadé.

Vous pouvez voir le rendu ici : http://patisserie.guillaumedesbieys.com/

Est-ce normal ? Ou j'ai mal utilisé les fonctions ?
Merci d'avance

[danielhagnoul]

Bonsoir.

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script>
 
	/*
	 * Trois erreurs à l'ouverture du site :
	 * 
	 * GUnload is not defined
	 * initialize is not defined
	 *
	 * Erreur CSS sur float
	 */
 
	function afficher(page){
		$('div.contenu').fadeOut(500, function(){
			$(this).load(page, function(){
				$(this).fadeIn(1000);
			});
 
		});
 
		// attention, il y a un h1.titre
		$('div.titre').fadeOut(500, function(){
			$(this).load(page, function(){
				$(this).fadeIn(1000);
			});
		});
	}
 
	$(function(){
		$("#menu a").click(function(){
			afficher($(this).attr("href"));
			return false;
		});			
	});
</script>

[guillaume40]

J'ai fait des changements.
Et maintenant j'ai le menu qui se remet lors du chargement.
Du coup j'ai le menu en haut, et le menu qui se recharge dans le #corp alors que je ne demande à charger que #corp.

Ce que je ne comprend pas c'est que j'utilise un load() et en argument je demande de ne charger d'un div ( #corp en l'occurence )
Et avec Firebug quand je clique sur le lien sa recharge toute la page je vois apparaitre dans mon #corp les balises meta et tout...