Navigation Ajax sans recharger la page.

[coolternet]

J'ai suivis un tuto sur grafikart et voila les code :

navigation.js

Code :

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
35
36
37
 
/* ------------------------------------------------------------------------
	Auteur: Jonathan Boyer
	Version: 1.0.0
	foncton: Permet une navigation Ajax entre les pages
------------------------------------------------------------------------- */
 
/*
Petit ajout par rappoirt au tutoriel :
Un loader qui s'affiche pour indiquer le chargement d'un contenu
*/
$(document).ready(function(){
	$("#menu a").click(function(){
		$("#top").append('<div class="loader"></div>'); // On ajoute le loader en haut
		page=$(this).attr("href");
		$.ajax({
			url: "contenu/"+page,
			cache:false,
			success:function(html){
				afficher(html);
			},
			error:function(XMLHttpRequest,textStatus, errorThrown){
				afficher("erreur lors du chagement de la page");
			}
		})
		return false;
	});
});
 
function afficher(data){
$(".loader").remove(); // On supprime le loader
$("#contenu").fadeOut(500,function(){
	$("#contenu").empty();
	$("#contenu").append(data);
	$("#contenu").fadeIn(1000);
})
}

mes div dans mon index.php

Code :

1
2
3
4
5
6
7
8
 
<div id="contenu" style="height: 274px">
<div class="block_offert" style="left: 48px; top: 66px">
     <span class="txt_need_account">Besoin d'un compte ?</span><br>
     <span class="txt_offre">Vous devez posséder un compte pour accèder à cette section.</span>
      <div id="menu"><a href="create.php"><img  src="images/account_create.png"> </a> </div>
</div>
</div>

Voila mon problème est que si je change : create.php pour create.html la le code fonctionne.

Mais comme sa avec create.php j'ai une érreur popup windows qui s'appel avec '' error '' dedans. j'aimerais avoir de l'aide svp.

[RomainVALERI]

Envoyé par coolternet

J'ai suivis un tuto sur grafikart et ...

... et donc il serait plus judicieux de demander de l'aide à ceux qui ont publié le code (que je réutilise sans connaissances préalables des mécanismes du web).