1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| $("#gauche li").click(function() { //Lors d'un clic sur un onglet
$("#gauche li").removeClass("selected"); //on supprime toutes les classes "selected"
$(this).addClass("selected"); //on ajoute la classe "selected" à l'onglet sélectionné
$field = $(this);
$('#centre').html(''); // on vide les resultats
$('#loader2').remove(); // on retire le loader
// on envoie la valeur recherché en POST au fichier de traitement
$.ajax({
type : 'POST', // envoi des données en GET ou POST
url : 'scripts/ongletsAjax.php' , // url du fichier de traitement
data : 'contenu='+$(this).attr('class') , // données à envoyer en GET ou POST
beforeSend : function() { // traitements JS à faire AVANT l'envoi
$('#centre').after('<center><img src="images/loader2.gif" alt="loader" id="loader2" /></center>'); // ajout d'un loader pour signifier l'action
},
success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
$('#loader2').remove(); // on enleve le loader
$('#centre').hide().html(data).fadeIn(); // affichage des résultats dans le bloc
}
});
return false;
}); |
