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 38 39 40 41
| function ajax_page_advanced(ele,msg,url){
$(ele).slideUp("slow", function(){
$(ele).html(msg).show("slow", function(){
$(ele).load(url+" "+ele, null, function(){
var tampon = $(ele).html();
$(ele).html(msg).hide("slow",function(){
$(ele).html(tampon);
$(ele).slideDown("slow");
});
});
});
});
}
/* Fonction de chargement ajax simple */
function ajax_page(ele,msg,url){
$(ele).html(msg).load(url+" "+ele);
}
/* Fonction de chargement ajax simple, mais avec un delai pour la demo */
function ajax_page_delayed(ele,msg,url){
$(ele).html(msg);
setTimeout(function(){
$(ele).load(url+" "+ele);
}, 1500)
}
/* Une fois la page chargée */
$(document).ready(function(){
//Application du chargement ajax avec animation sur les liens ayant une classe "wajax"
$("a.wajax").click(function(){
ajax_page_advanced('#main-content','<p style="text-align: center">Chargement ...</p>',this.href);
return false;
});
//Application du chargemetn ajax simple sur tous les liens se trouvant dans le conteneur "menu1"
$("#menu1 a").click(function(){
ajax_page_delayed('#main-content','<p style="text-align: center">Chargement ...</p>',this.href);
return false;
});
}); |
Partager