Faire "disparaitre" des boutons

**kevinf** · 01/03/2007, 10h00

Salut,
j'ai ce code pour mon formulaire de contact:

Code :

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

1
2
3
4
5
6
7
8
9
<center><FORM action="mailcontact.php" method="POST"><INPUT type="hidden" name="Subject" value="Contact">
<table>
<tr><td align="left">Votre mail :</td><td align="left"><INPUT name="Mail" size="30" class="inputbox1"></td></tr>
<tr><td align="left">Objet :</td><td align="left"><INPUT name="Objet" size="30" class="inputbox1"></td></tr>
<tr><td align="left">Message :</td><td align="left"><TEXTAREA cols="40" name="Message" rows="6" class="inputbox1"></TEXTAREA></td></tr>
<tr><td align="left"></td><td align="left">  <img src="crypt/cryptographp.php"></td></tr>
<tr><td align="left">Recopier le code :</td><td align="left"><input type="text" name="code"  class="inputbox1" class="inputbox1"></td></tr></table>
<br><INPUT type="submit" value="Envoyer" class="inputbox1"> <INPUT type="reset" value="Annuler" class="inputbox1"> 
</FORM></center>

Je voudrais que en cliquant sur le bouton "Envoyer", les boutons "Envoyer" et "Annuler" disparaissent pour faire apparaitre une petite image de chargement, comment faire?

Merci

**E.Bzz** · 01/03/2007, 10h04

Bonjour,
au clic sur le submit, ta page va se recharger.
Si le rechargement est long, c'est la nouvelle page que tu auras sous les yeux pendant ce temps. Tu ne verras pas l'image de chargement dans l' "ancienne" page.

A+

**Djakisback** · 03/03/2007, 15h58

Salut,
tu peux metrre ca dans le submit :

Code :

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

onClick="this.disabled = true; document.getElementById('idDuBoutonAnnuler').disabled= true;"

Bye

**kevinf** · 04/03/2007, 21h44

Je ne crois pas que c'est ce que j'ai demandé.

**kevinf** · 06/03/2007, 08h51

J'ai cherché sans rien trouvé, je ne voit pas trop comment, alors si vous avez des idées même autres que JS et/ou Ajax, je suis preneur.

++

**SpaceFrog** · 06/03/2007, 08h58

merci de regarder dans la FAQ ...

**E.Bzz** · 06/03/2007, 09h35

Envoyé par kevinf

(d'ailleurs de nombreux sites le font).

Et ben tu n'as qu'à regarder comment

**kevinf** · 06/03/2007, 09h43

Oui, c'est sur j'y ai pensé, mais voila, il faut retrouver les sites qui le font...

**E.Bzz** · 06/03/2007, 09h56

Maintenant que SpaceFrog a fait le moteur de recherche, bon dev

A+

**kevinf** · 06/03/2007, 13h50

Je vais essayer, je vous tiens au courant.

**OButterlin** · 06/03/2007, 13h59

Quelque chose dans ce genre...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<head>
<script>
function waitFor()
{
   document.getElementById("b1").style.visibility = "hidden";
   document.getElementById("b2").style.visibility = "hidden";
   document.getElementById("i1").style.display = "block";
}
</scritp>
</head>
<form>
...
<input id="b1" type="submit" value="Envoyer" onclick="waitFor()">
<input id="b2" type="reset" value="Annuler">
<img id="i1" src="..."  style="display:none;"> 
...
</form>

A+