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 ...

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

Je viens d'aller revoir la F.A.Q., et je n'ai pas trouvé la réponse à ma demande.

**SpaceFrog** · 06/03/2007, 09h33

tout est là pourtant : http://javascript.developpez.com/faq...SS#affichObjet

**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+

**kevinf** · 06/03/2007, 14h12

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

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

Enfin, c'est rien lol, merci beaucoup à tous.

**OButterlin** · 06/03/2007, 14h17

Oupss, j'ai ripé

**kevinf** · 06/03/2007, 14h23

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

**OButterlin** · 06/03/2007, 14h28

remplace style.visibility="hidden" par style.display="none";
ça devrait aller

**kevinf** · 06/03/2007, 14h32

Merci bien à toi

Faire "disparaitre" des boutons

JavaScript

Discussions similaires

Partager

Partager