[Prototype] onLoading se lance après onComplete

onLoading se lance après onComplete

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:

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 ?

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

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 ?

Citation:

Envoyé par Bovino

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

onCreate, pas onComplete ;)

Citation:

Envoyé par Bovino

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:

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.

Code:

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 = '';
         }