[JS] Problème de rafraichissement de l'affichage

Problème de rafraichissement de l'affichage [JS] - HTML/CSS - Programmation

Marsh Posté le 24-05-2007 à 09:41:53    

Bonjour,

 

Je vous explique mon problème :

 

J'ai une page HTML. Dans cette page, je fais appael à une page en AJAX qui peut être plus ou moins longue à renvoyer le résultat (tout dépend des critères de recherche).

 

Donc avant d'appeler ma fonction AJAX, je souhaiterais afficher une image indiquant qu'un chargement est en cours.

 

Je fais :

Code :
  1. function Search(){
  2.    
  3.     document.getElementById('id_de_mon_image').src="monimage_loading";
  4.     mafonctionAjax('page','POST',mesdonnées,false); //false = synchrone
  5.    
  6.     document.getElementById('id_de_mon_image').src="imagevide";
  7. }


Le problème c'est que mon image de chargement ne s'affiche pas. Comme si le navigateur n'avait pas le temps de l'afficher avant d'appeler la fonction AJAX.

 

D'ailleurs, si j'enlève la dernière ligne :

 
Code :
  1. document.getElementById('id_de_mon_image').src="imagevide";


mon image de loading s'affiche correctement mais après le traitement (plus très utile).

 

Si quelqu'un a une piste.

 

Merci à tous

 

Reply

Marsh Posté le 24-05-2007 à 09:41:53   

Reply

Marsh Posté le 24-05-2007 à 09:53:35    

Ton appel est asynchrone evidement que ton image ne reste pas affichée!!!
Pour que cela marche il faut que tu fasses le :

Code :
  1. document.getElementById('id_de_mon_image').src="imagevide";


une fois le message renvoyé par le serveur, vraisemblablement dans le onsuccess ( ou la fonction qui y est contenue).

Reply

Marsh Posté le 24-05-2007 à 10:01:24    

Non, comme précisé dans mon premier message, l'appel est synchrone
 

Code :
  1. mafonctionAjax('page','POST',mesdonnées,false); //false = synchrone

Reply

Marsh Posté le 24-05-2007 à 10:20:32    

hummm j'émets un violent doute ... Et sans le code de mafonctionAjax ça va pas être facile.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed