Discussion :

[amine84]

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 :

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

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

[OButterlin]

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

[amine84]

Merci pour votre rèponse,

voilà la méthode file:

Code :

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

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.

[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 :

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

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 :

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

1
2
3
 
document.getElementById("autre").style.visibility="hidden";
document.getElementById("wait").style.visibility="visible";

et en sens inverse à la fin du traitement...

[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 :

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

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

Merci beaucoup