Griser un bouton

Vins974 -
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention - 13 janv. 2009 à 21:52

Bonjour,

Je crée un site internet, et j'aimerais savoir, comment faire pour pouvoir griser un bouton. J'aimerais que lorsque tous les champs de mes zones de textes soient remplis, le bouton se dégrise.

Voici mes zones de texte :

<input type="text" name="libelle_inter" maxlength="50" size="31">
<input type="text" name="duree" maxlength="10" size="31">

Voici mon bouton ajouter :

<input type="submit" value="Ajouter" name="ajouter" id="ajout">

Merci de m'aider!!

Configuration: Windows XP
Firefox 2.0.0.20

Afficher la suite

3 réponses

Réponse 1 / 3
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352
bonjour tu peut utiliser le javascript
```
<form name="validation" id="validation" action="..." method="...">
<input type="text" name="libelle_inter" maxlength="50" size="31" onchange="verif1()">
<input type="text" name="duree" maxlength="10" size="31"  onchange="verif2()">
<input type="submit" value="Ajouter" name="ajouter" id="ajout" disabled="disabled">
</form>

et entre <head> et </head> (ou dans un autre fichier que tu appelera

function verif1()
{
//verfoifacation que le libelle est entré
  if(document.validation.libelle.value=='')
  {
  alert('Il faut entrer un libelle.. !');
  document.validation.libelle.focus();
  }
}

function verif2()
{
//verfifacation que le libelle est entré
  if(document.validation.duree.value=='')
  {
  alert('Il faut entrer une durée.. !');
  document.validation.libelle.focus();
  }
 else if(document.validation.duree.value!='' &&  document.validation.libelle.value!='')
  {
// les 2 champs sont remplis
    document.validation.ajouter.disabled=false;
   }
}
```
petit code rapide a améliorer en fonction de tes besoins
1
1. Vins974
  
  Ben j'ai essayer ca pour un autre formulaire, un formulaire de connexion, sans mot de passe, le bouton est grisé, mais lorsque je tape quelque chose, il ne se dégrise plus. Voila le code :
  
  <script type="text/javascript">
  
  function verif1()
  {
  //verfoifacation que le libelle est entré
  if(document.validation.libelle.value=='')
  {
  alert('Il faut entrer un libelle.. !');
  document.validation.libelle.focus();
  }
  }
  
  </script>
  
  <form name="validation" id="validation" action="Accueil.php" method='post'>
  <p class="text_menu">Connectez-vous</p>
  
  <table align="center" border="0">
  <tr>
  <td>Login :</td>
  <td><input type="text" name="login" maxlength="30" size="12" onchange="verif1()"></td>
  </tr>
  <tr>
  <td colspan="2" align="center"><input type="submit" value="Connexion" name="connexion" id="connect" disabled="disabled"></td> 
  </tr>
  
  </table>
  
  </form>
  
  0
Réponse 2 / 3
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352
re,
logique dans ce cas il faut que tu rajoute ça
```
<script type="text/javascript">

function verif1()
{
//veriication que le login est entré
if(document.validation.login.value=='')
{
alert('Il faut entrer un login.. !');
document.validation.login.focus();
}
else
{
document.validation.connexion.disabled=false;
}
}

</script> 
```
0
1. Vins974
  
  arfff ca marche tjr pa :-s ... Main en faite si jve ke mon bouton soit griser y fo ke je mette en quelque sorte :
  
  document.validation.connexion.disabled=true;
  
  et si je ve le contraire je dois mettre :
  
  document.validation.connexion.disabled=false; c'est ça ??
  
  0
Réponse 3 / 3
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention 352

oui c'est ça

petite explication :
document.validation.connexion
validation = le nom de ton form
connexion = le nom de ton element
focus = donne le focus a l'element designé (utile si il manque une valeur dans un champ)
false= faux (la condition N'EST PAS REMPLIE)
true =vrai (tout est bon)

en javascript pense à utiliser la console d'erreur , très utile pour voir ce qui ne va pas et d'ou vienne les erreurs
0

Griser un bouton

3 réponses

Discussions similaires

Newsletters