Discussion :

[equids]

Bonjour,

j'ai une requête AJAX qui se fait via le framework "prototpe.js"

Je souhaite afficher une image pendant le chargement du résultat, qui s'effacera une fois le résultat affiché.
Voici le code du javascript utilisé :

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
new Ajax.Request('search.php?tags='+tags,
        {
         asynchronous:true,
         method: 'get',
 
        onLoading: function(t){
           $('load').innerHTML = '<center><IMG alt="" src="http://www..."></center>';
         },
         onSuccess: function(t){
          $('resultat').innerHTML = t.responseText;
         },
         onComplete: function(t){
           $('load').innerHTML = '';
         }
      }
      );

Donc le résultat doit s'afficher dans la Div "resultat" et le loader dans la Div "Load".

Tout se passe bien sur Firefox et Opéra,
mais sur IE, le "OnComplete" s'affiche avant le "OnLoading", ce qui fait que je me retrouve avec une page ou le résultat est affiché, mais l'image du Loader s'affiche après (les résultats), et ne s'efface pas.
J'ai testé avec des alert, et effectivement, le OnComplete s'execute avant le OnLoading.

Pouvez vous m'éclairer sur ce point ?

[Bovino]

Il est recommandé d'utiliser onCreate plutôt que onLoading.

[equids]

Je viens d'essayer la solution "onComplete" à la place de "onLoading", mais la le loader ne s'affiche pas du tout sur aucun des navigateurs.

Comment faire ?

[Bovino]

Il est recommandé d'utiliser onCreate plutôt que onLoading.

onCreate, pas onComplete

[equids]

onCreate, pas onComplete

Oui désolé, je me suis enmêlé les pinceaux, mais c'est bien onCreate que j'ai utilisé. Voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
onCreate: function(t){
           $('load').innerHTML = '<center><IMG alt="" rc="looder.gif"></center>';
         },
         onSuccess: function(t){
          $('resultat').innerHTML = t.responseText;
         },
         onComplete: function(t){
           $('load').innerHTML = '';
         }

La, le loader ne s'affiche pas du tout, sur aucun navigateur,
le même code avec onLoading fonctionne bien sauf sur IE das lequel le loader ne s'efface pas ue fois la requête terminée et affichée.

[Bovino]

Code :

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

1
2
3
4
5
6
7
onCreate: function(t){
           $('load').innerHTML = '<center><IMG alt="" src="loader.gif"></center>';
         },
         onSuccess: function(t){
          $('resultat').innerHTML = t.responseText;
          $('load').innerHTML = '';
         }