waiting avec servlet pour le chargement de données

Version imprimable

Salut tout le monde,
J'utilise un programme java avec servlet, jsp et javascript pour faire une arborescence dynamique à partir d'une base de données,
mon problème que des fois le chargement de données prend des fois de temps alors je voulais afficher une petite icon de waiting, mais ça marche pas , voilà mon code:
Code:

1 2 3 4 5 6 7 8 9 document.images["img"+id].src = "images/waiting.gif"; if(texte = file('SubTree?id='+escape(id)))// c'est ici ou se fait le chargement et ça prend de temps { document.images["img"+id].src = "images/12.gif"; writediv(id,texte); }
donc moi j'essaie d'afficher l'icon avant d'appeller le servlet et à l'interieur de if je change l'icon.

j'espère que c'est assez clair
Merci d'avance

16/09/2008, 15h09
OButterlin

Que fait la méthode file(...) ?

Merci pour votre rèponse,

voilà la méthode file:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function file(fichier)
     {
     if(window.XMLHttpRequest) // FIREFOX
          xhr_object = new XMLHttpRequest();
     else if(window.ActiveXObject) // IE
          xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     else
          return(false);
     xhr_object.open("GET", fichier, false);
     xhr_object.send(null);
     if(xhr_object.readyState == 4) return(xhr_object.responseText);
     else return(false);
     }

en fait c'est pour accéder au serveur.

16/09/2008, 16h23
OButterlin
Ça semble correct.
Il se pourrait que le problème vienne du délai court de réponse du serveur.
Dans ce cas de figure, tu ne vois pas l'image changer.
Pour palier à ce problème, il faudrait passer par une image pré chargée et cachée, un truc comme ça
Code:

1 2 3 <img id="wait" src="/.../imageAttente.gif" style="visibility:hidden" /> <img id="autre" src="/.../imageNormale.gif" style="visibility:visible" />
et le javascript ferait
Code:

1 2 3 document.getElementById("autre").style.visibility="hidden"; document.getElementById("wait").style.visibility="visible";
et en sens inverse à la fin du traitement...
16/09/2008, 16h34
amine84

Trsè bonne idée!!

Mais je ne suis pas sur que c'est à cause du chargement rapide du serveur parceque le chargement prend vraiment du temps, mais de toute façon j'ai utilisé une autre solution qui est pas mal, mais elle montre pas le temps de chargement réel, mais c'est pas assez grave ;)

Code:

setTimeout("writediv('"+id+"','"+texte+"')",1000);

Merci beaucoup