Bonjour a tous,

J'ai recuperer un script sur un site qui actualise une div grace a une requete ajax via un lien mais je voudrais ajouter une image de chargement au mileu de cette div pendant que la requete ajax revienne actualiser ma div es que c'est possible car la div reste vide pendant au moins de 1 a 2 secondes

voici le script que j'ai recuperer

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
//au click sur le lien chercher
$(".chercher").click(function(){
//on recupere la valeur de l'attribut name pour afficher tel ou tel resultat
var req=$(this).attr("name");
//requête ajax, appel du fichier recherche.php
$.ajax({
type: "GET",
url: "aff.php?type="+req,
dataType : "html",
//affichage de l'erreur en cas de problème
error:function(msg, string){
alert( "Error !: " + string );
},
success:function(data){
//alert(data);
//on met à jour le div zone_de_rechargement avec les données reçus
//on vide la div et on le cache
$("#zone_de_rechargement").empty().hide();
//on affecte les resultats au div
$("#zone_de_rechargement").append(data);
//on affiche les resultats avec la transition
$('#zone_de_rechargement').fadeIn(1000);
}
});
});
})
</script>  
<a href="#" class="chercher" name="informations">&gt;&gt; actualiser la div </a>
<div id="zone_de_rechargement">affiche les resultat de la requete ici</div>
Quelq'un pourait me donner un petit debut par ou commencer