Discussion :

[thomix68]

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

[Invité]

Bonjour,
Ici nous aidons en "dépannant" ou "expliquant" pourquoi un script bug,
Par contre, écrire pour toi, non

Par contre voici des matériaux pour ton problème , je suis certaine que tu sauras l'utiliser

1) un DIV contenant un GIF animé genre roue qui tourne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div>
<img src='x_logos/ajaxloader.gif' style='visibility:hidden' id='load'  name='load' />
</div>

2) dans ton JavaSript au début de l'appel de ton PHP par exemple tu fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('load').style.visibility="visible";

3) lorsque le PHP a fini de répondre bien sûr tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('load').style.visibility="hidden";

Bonne continuation
Christele

[Bovino]

Tu peux gérer cela avec les méthodes .ajaxStart() et .ajaxStop()

[Invité]

Tu peux gérer cela avec les méthodes .ajaxStart() et .ajaxStop()

Oui oui l'Ami, mais tu connais mon entêtement a ne jamais utiliser ces .JS
bien utile parfois, mais que veux tu c’est l'amour démesuré pour le tout fait main.
En même temps je me dis qu'avec mes manies j'ai l'aire maligne avec mon cher PDO

Allez on n’est pas encore couché ce sera mieux pour moi alors j'y vais de ce pas.

Contente d'avoir vu ta jeune frimousse sur ta vidéo.

Christele