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 :
- <style="text/css">
- <!--
- #chargement
- {
- position:absolute; top:200px; z-index:10; visibility:hidden;
- }
- -->
- </style>
- <div id="chargement">
- <table width=400 bgcolor=#000000 border=0 cellpadding=2 cellspacing=0>
- <tr>
- <td align=center valign=middle>
- <table width=100% bgcolor="#FFFFFF" border=0 cellpadding=0 cellspacing=0>
- <tr>
- <td align=center valign=middle>
- <font face="verdana" size=2 color="#000000">
- <br>
- <img src="wait.gif">
- Chargement de la page en cours...
- Veuillez patienter...
- <br>
- <br>
- </font>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </div>
- <script language="javascript">
- <!--
- var nava = (document.layers);
- var dom = (document.getElementById);
- var iex = (document.all);
- if (nava)
- {
- chg = document.chargement
- }
- else if (dom)
- {
- chg = document.getElementById("chargement" ).style
- }
- else if (iex)
- {
- chg = chargement.style
- }
- largeur = screen.width;
- chg.left = Math.round((largeur/2)-200);
- chg.visibility = "visible";
- function Chargement()
- {
- chg.visibility = "hidden";
- }
- -->
- </script>
|
et puis je rajoute dans le body
<body OnLoad=Chargement()>
merci
Nachi