Griser un bouton

Fermé

Vins974 - 13 janv. 2009 à 06:15
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 - 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!!

A voir également:

Griser un bouton
Réinitialiser chromecast sans bouton - Guide
Bouton reinitialisation pc - Guide
Bouton home clavier ✓ - Forum PC portable
Hard reset samsung sans bouton home - Guide
Comment debloquer un bouton enfoncé - Forum iPhone

3 réponses

Réponse 1 / 3

lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
13 janv. 2009 à 07:28

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

Vins974
13 janv. 2009 à 07:44

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>

Réponse 2 / 3

lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
13 janv. 2009 à 12:52

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>

Vins974
13 janv. 2009 à 12:55

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

Réponse 3 / 3

lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
13 janv. 2009 à 21:52

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

Discussions similaires

Quel est la touche shift sur le clavier

ou est la touche shift sur un clavier

Bouton enfoncé

symbole arrêt marche

Arrêt/démarrage via Bouton ON/OFF de l'alim