Discussion :

[jejemo]

Bonjour,

Bonsoir !
Je suis en train d'essayer de mettre une navigation ajax sur mon site qui utilise un script.
Le script n'est pas énormément modifiable donc j'essaie de modifier surtout le code que j'ajoute.

Voila j'ai le code ci dessous. Il fonctionne tres bien. Le seul probleme est qu'il m'affiche toute la page (avec le header et le footer). Normal puisque les pages du script sont faites comme ça.

Seulement je voudrais qu'il ne m'affiche qu'une div du fichier. Par exemple je voudrais qu'il m'affiche la div qui porte le nom 'content'.Cela est t'il possible ?

Si oui, je suppose que c'est sur la ligne en gras. Mais comment faire ?

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
$(document).ready(function(){

	$("#menu a").click(function(){
		page=$(this).attr("href");
		$.ajax({
			url: page,
			cache:false,
			success:function(html){
				afficher(html);			
			},
			error:function(XHTMLHttpRequest,textStatus, errorThrown){
				alert(textStatus);
			}
		})
		return false;
	});
});



function afficher(data){
	$("#ajax").fadeOut(500,function(){
		$("#ajax").empty();
		$("#ajax").append(data);
		$("#ajax").fadeIn(1000);
	})
}

Merci d'avance aux personnes qui se pencheront sur mon probleme.

[andry.aime]

Bonjour,
C'est que la page que appelle dans la requête ajax retourne un document en entier, elle ne doit retourner que la partie que tu veux afficher dans la div.

A+.

[jejemo]

Oui justement, comment peut on faire cela ?

On m'a parlé de parser du xml mais ça me semble bien compliqué.

[devyan]

Oui justement, comment peut on faire cela ?

On m'a parlé de parser du xml mais ça me semble bien compliqué.

La page renvoyée par le lien ($(this).attr("href")) ne doit contenir que la portion à insérer dans ton DIV pas un document HTML complet.

devyan.

[andry.aime]

Tu ajoutes une variable pour dire au fichier appelé qu'il s'agit d'une requête AJAX donc il ne doit envoyer que le bout de code nécessaire pour le nouveau contenue du div du genre

Code :

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

1
2
3
4
5
if (isset($_POST['nomVar']))
{
  echo "nouveau contenue";
  exit;
}

[jejemo]

Merci pour vos réponses !

Finalement on m'a proposer une solution avec un code plus court et aussi efficace. Il marche parfaitement.

Le voici :

Code :

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

1
2
3
4
5
6
7
$(document).ready(function(){       
   $("#menu_vert a").click(function(){       
    page=($(this).attr("href"));   
    $("#content").load(page+" #content");  
    return false;   
   });  
});