afficher un gif dans la page pendant un upload

bonjour. merci d'avance pour vos futures réponses ;)
voila, je suis le nooob en puissance mais je me soigne. j'ai une page d'upload que j'ai faite grâce à un script trouvé içi.

mon probleme c'est que j'arrive pas à faire apparaitre une gif animé d'attente dans un cadre cible dans la page pendant le temps de l'upload... ( style fausse progress barre en gros donc). je voulais que l'action soit déclenchée par le bouton submit mais ca marche pas :( ... je pensais qu'en rajoutant un onclick à l'element submit ca fonctionnerait mais non...
help please  ....

le bout de code :

<?php
 include("uploader.php");
?>
  </p>
  <span class="Style2"><b><font color="#FF0000">Module d'envoi de fichiers. Cliquez sur parcourir</font></b></span>
  <table width="500" border="1" cellpadding="0">
    <tr bgcolor="#ffbb03">
      <td width="371"><input type="file" name="file" />
      <strong>max: 8 mo</strong></td>
      <td width="117"><input type="Submit" name="Submit" value="Envoyer ce fichier" /></td>
    </tr>
    <tr>
      <td><p align="left"><strong>Quel type de fichier envoyez vous ?
        </strong>
        <select name="folder">
          <option value="folder01/">Dossier 1: maquettes faites</option>
          <option value="folder02/">Dossier 2: images</option>
          <option value="folder03/">Dossier 3: documents explicatifs</option>
          <option value="folder04/">Dossier 4: PAO</option>
        </select>
</p></td>
      <td><IMG src="images/attente.gif"
      name=img_click/></td>

salut

je ne vois pas ton onclick, c'est normal ?

en fait, le onClick je l'avais rajouté la :
  <td width="117"><input type="Submit" name="Submit" value="Envoyer ce fichier"  onClick=xxxxxx/></td>
mais ca n'affiche pas l'image progressbar.gif.

en fait dans la table, il y a une image (IMG src="images/attente.gif") et je voudrais qu'elle soit remplacée par l'image progressbar.gif quand on clique sur submit. (envoyer ce fichier)

bon, d'une part, je suis nul en code, mais je pense que j'oublie une formule <script> pour appeler ce onClick, puisque j'ai bien compris que le bouton submit envoie une requete au serveur, et donc actuellement la page se bloque en attendant la fin de l'upload... et avec tout ça, je sait meme pas si je suis clair...
je suis en train de m'arracher les cheveux !!!!
arf

ouais enfin...

onclick=xxxxx c'est pas un code ca...

moi je veux voir ce que tu as mis, c'est moins long pour moi de modifier ce que tu as mis, plutot que de tout refaire de zero....


<td width="117"><input type="Submit" name="Submit" value="Envoyer ce fichier" onclick="document.getElementById('img_click').src='images/attente.gif';"/></td>
    </tr>
    <tr>
      <td><p align="left"><strong>Quel type de fichier envoyez vous ?
        </strong>
        <select name="folder">
          <option value="folder01/">Dossier 1: maquettes faites</option>
          <option value="folder02/">Dossier 2: images</option>
          <option value="folder03/">Dossier 3: documents explicatifs</option>
          <option value="folder04/">Dossier 4: PAO</option>
        </select>
</p></td>
      <td><IMG src="images/attente.gif"
      id="img_click"/></td>



un truc de ce genre devrait fonctionner

merci de prendre du temps coucou747  ;)
voila le code de la page complète. elle fonctionne avec le fichier uploader.php  :

<form name="upload" enctype="multipart/form-data" method="post" action="uploader.php">
  <p>
    <?php
 include("uploader.php");
?>
  </p>
  <span class="Style2"><b><font color="#FF0000">Module d'envoi de fichiers. Cliquez sur parcourir</font></b></span>
  <table width="500" border="1" cellpadding="0">
    <tr bgcolor="#ffbb03">
      <td width="371"><input type="file" name="file" />
      <strong>max: 8 mo</strong></td>
      <td width="117"><input type="Submit" name="Submit" value="Envoyer ce fichier" /></td>
    </tr>
    <tr>
      <td><p align="left"><strong>Quel type de fichier envoyez vous ?
        </strong>
        <select name="folder">
          <option value="folder01/">Dossier 1: maquettes faites</option>
          <option value="folder02/">Dossier 2: images</option>
          <option value="folder03/">Dossier 3: documents explicatifs</option>
          <option value="folder04/">Dossier 4: PAO</option>
        </select>
</p></td>
      <td><IMG src="images/attente.gif"
      name=img_click/></td>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>

 

 

 

 

je viens de mettre ton code retravaillé en ligne. l'image d'origine (attente.gif) disparait bien quand on clique sur submit, mais pas d'affichage de l'image progressbar.gif pendant le téléchargement du fichier. j'ai juste modifié onclick="document.getElementById('img_click').src='images/progressbar.gif';"/></td>

a tout hasard, dans le code de ma page, je doit pas mettre quelque part (dans un head??)  <javascript> les valeurs, ect....  </javascript>
merci pour tes réponses.

hum... t'es sur que ton image existe ?

oui, mon image est un gif animé le probleme c'est juste le fait qu'elle apparaisse pendant l'upload d'un fichier sur la page actuelle, donc sans actualisation de la page.

en fait le bouton submit appele uploader.php et forcement la page attend la reposne du serveur. normalement, on peut rien afficher sur la page tant qu'il n'y a pas eu de reponse ?