Griser un bouton

Vins974 -  
lewis34 Messages postés 2557 Date d'inscription   Statut Membre Dernière intervention   -
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!!

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
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> <!-- bouton connexion -->
</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
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

Discussions similaires

Où est la touche SHIFT sur mon clavier d'ordi ?
joe! -
fernando-_ytb -

18 réponses
Quel est la touche shift sur le clavier
paoade -
PRIPRI -

8 réponses
Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses
Bouton enfoncé
Elena.marques -
Elena.marques -

2 réponses
ou est la touche shift sur un clavier
Mathis -
Maelstrom -

4 réponses