Navigation Ajax sans recharger la page.
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.
