bouton qui se grise après avoir cliqué

bouton qui se grise après avoir cliqué - HTML/CSS - Programmation

Marsh Posté le 26-07-2007 à 16:48:45    

:hello:  
 
je voudrais faire en sorte que mes boutons se grisent après avoir cliqué dessus (afin de ne plus pouvoir les utiliser et ne pas cliquer plusieurs fois).
 
j'ai essayé ça :
 


<html>
 
<script language="javascript">
function changeReadOnly( ) {
   bouton.disabled = !bouton.disabled;
}
</script>
 
<form name="test" action="./test.php" method="post">
<INPUT name="bouton" TYPE="SUBMIT"  onclick="changeReadOnly( );" VALUE=Envoyer>
</form>
</html>
 


 
mais à cause du "form" ça ne fonctionne pas, si je le retire ça va mais moi j'en ai besoin  :/  
 
est-ce que quelqu'un a la soluce ou une autre solution ?
Merci !


Message édité par DavidUL le 26-07-2007 à 16:49:27
Reply

Marsh Posté le 26-07-2007 à 16:48:45   

Reply

Marsh Posté le 26-07-2007 à 17:24:11    


Mais, heu, c'est n'importe quoi ton code :
 
1. Le contenu de ta page devrait se trouver entre une balise body.
2. un input de type submit va remplacer l'intégralité de ton document, tu n'auras pas le temps de désactiver quoi que ce soit (sauf si tu donnes un target différent). C'est peut-être un type "button" que tu voulais mettre ?
3. La variable "bouton" n'est pas définie, tu auras une erreur javascript. Utilise un document.getElementById pour l'initialiser.

Reply

Marsh Posté le 27-07-2007 à 08:24:38    

merci pour ta réponse
 
j'ai fait ça très vite fait comme exemple pour montrer mon problème  :p  
 
après avoir appuyé sur le bouton ça doit renvoyer à une page, ça ne fonctionne pas si je met un "button"  :/  
 
j'ai trouvé ce script sur le net, j'aurais pas su le faire moi même, mais je n'ai pas d'erreurs quand il n'y a pas le "form".
Mais bon je ne veux pas à tout prix utiliser ce script, s'il y a une autre methode je suis preneur !
 
si quelqu'un a une soluce SVP

Reply

Marsh Posté le 27-07-2007 à 11:46:19    

j'y avais pas pensé, mais finalement j'ai fait comme ça :
 


<html>
<head>
</head>
<body>
<script language="javascript">
function changeReadOnly( ) {
   bouton.disabled = !bouton.disabled;
   document.location.href='./test.php';
}
</script>
<INPUT name="bouton" TYPE="button"  onclick="changeReadOnly( );" VALUE=Envoyer>
</body>
</html>


c'est tout aussi bien et ça fonctionne !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed