Faire "disparaitre" des boutons

Version imprimable

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

Code:

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

01/03/2007, 10h04
E.Bzz

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+
03/03/2007, 15h58
Djakisback

Salut,
tu peux metrre ca dans le submit :

Code:

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

Bye
04/03/2007, 21h44
kevinf

Je ne crois pas que c'est ce que j'ai demandé.
06/03/2007, 08h51
kevinf

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.

++
06/03/2007, 08h58
SpaceFrog

merci de regarder dans la FAQ ...
06/03/2007, 09h15
kevinf

Je viens d'aller revoir la F.A.Q., et je n'ai pas trouvé la réponse à ma demande.
06/03/2007, 09h33
SpaceFrog

tout est là pourtant : http://javascript.developpez.com/faq...SS#affichObjet
06/03/2007, 09h35
E.Bzz

Citation:

Envoyé par kevinf

(d'ailleurs de nombreux sites le font).

Et ben tu n'as qu'à regarder comment :roll:
06/03/2007, 09h43
kevinf

Oui, c'est sur j'y ai pensé, mais voila, il faut retrouver les sites qui le font...:oops:
06/03/2007, 09h56
E.Bzz

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

A+
06/03/2007, 13h50
kevinf

Je vais essayer, je vous tiens au courant.

Quelque chose dans ce genre...

Code:

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+

06/03/2007, 14h12
kevinf

Voila je crois que c'est et ca marche, juste la balise :

Citation:

Envoyé par OButterlin

</scritp>

où le 'p' est passé à la fin ...
Lol, je n'avais pas vu, et la page ne voulait pas s'afficher à cause de ce petit 'p'..., je comprenais rien:aie:

Enfin, c'est rien lol, merci beaucoup à tous.
06/03/2007, 14h17
OButterlin

Oupss, j'ai ripé :mouarf:
06/03/2007, 14h23
kevinf

Juste un dernier truc, le code que tu m'a donné, met l'image en dessous des 2 input et non à la place de ces 2 input, ce serait possible de remplacer les 2 input par l'image au lieu de mettre l'image en dessous?

Merci
06/03/2007, 14h28
OButterlin

remplace style.visibility="hidden" par style.display="none";
ça devrait aller
06/03/2007, 14h32
kevinf

Merci bien à toi