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);
})
} |
Partager