[JS]patience utilisateur

patience utilisateur [JS] - HTML/CSS - Programmation

Marsh Posté le 06-07-2005 à 13:23:24    

Bonjour à tous,  
 
tout d'abord je tiens a préciser que le JS et moi ca fait pas vraiment 1!  
 
je fais un site intranet sur lequel il se peut qu'il y ait des traitements assz longs... Aussi pendant que les travaux sont effectués, je souhaiterai faire patienter l'utilisateur en affichant une petite animation. Dans le code présenté ci-dessous, wait.gif est une simple barre de progression.  
Le problème que j'ai avec ce script, c'est que:  
1- Il s'affiche alors que je suis encore sur le formulaire, et donc pas encore dans le traitement  
2- Une fois le traitement fini, il ne disparait pas....  
 
Pourriez vous me dire ce qui ne va pas avec ce code, ou peut etre me proposer une solution qui marcherait.  
 

Code :
  1. <style="text/css">
  2. <!--
  3. #chargement
  4. {
  5. position:absolute; top:200px; z-index:10; visibility:hidden;
  6. }
  7. -->
  8. </style>
  9. <div id="chargement">
  10. <table width=400 bgcolor=#000000 border=0 cellpadding=2 cellspacing=0>
  11. <tr>
  12. <td align=center valign=middle>
  13. <table width=100% bgcolor="#FFFFFF" border=0 cellpadding=0 cellspacing=0>
  14. <tr>
  15. <td align=center valign=middle>
  16. <font face="verdana" size=2 color="#000000">
  17. <br>
  18. <img src="wait.gif">
  19. Chargement de la page en cours...
  20. Veuillez patienter...
  21. <br>
  22. <br>
  23. </font>
  24. </td>
  25. </tr>
  26. </table>
  27. </td>
  28. </tr>
  29. </table>
  30. </div>
  31. <script language="javascript">
  32. <!--
  33. var nava = (document.layers);
  34. var dom = (document.getElementById);
  35. var iex = (document.all);
  36. if (nava)
  37. {
  38. chg = document.chargement
  39. }
  40. else if (dom)
  41. {
  42. chg = document.getElementById("chargement" ).style
  43. }
  44. else if (iex)
  45. {
  46. chg = chargement.style
  47. }
  48. largeur = screen.width;
  49. chg.left = Math.round((largeur/2)-200);
  50. chg.visibility = "visible";
  51. function Chargement()
  52. {
  53. chg.visibility = "hidden";
  54. }
  55. -->
  56. </script>


 
 
 
et puis je rajoute dans le body  
<body OnLoad=Chargement()>  
 
 
merci  
Nachi

Reply

Marsh Posté le 06-07-2005 à 13:23:24   

Reply

Marsh Posté le 06-07-2005 à 13:27:03    

Code :
  1. # function Chargement() 
  2. # { 
  3. # chg.visibility = "hidden"; 
  4. # }


La variable 'chg' est inconnue dans cette fonction...

Reply

Sujets relatifs:

Leave a Replay

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