IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[JavaScript] Petite question sur l'attribut disabled d'un input


Sujet :

JavaScript

  1. #1
    Membre du Club
    Inscrit en
    Avril 2008
    Messages
    199
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 199
    Points : 58
    Points
    58
    Par défaut [JavaScript] Petite question sur l'attribut disabled d'un input
    Bonjour,

    Je fais un formulaire avec une liste déroulante de pays. Lorsque l'utilisateur choisit un autre pays que la France, le code postal est grisé.

    Pour cela, voici le code HTML :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <select name="Pays_naissance"  onchange="localite();">

    Et voici la fonction JavaScript.

    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <script language = "JavaScript">
        function localite() {
            if(document.formClient.Pays.value != "France") {
                document.formClient.Code_postal.disabled = "true";
            }
            else
                document.formClient.Code_postal.disabled = "false";
        }
    </script>

    Donc quand je change de pays, la zone de saisi Code_postal est bien grisée, mais lorsque je choisis à nouveau la France dans la liste déroulante, la case ne se dégrise pas.

    Comment faire pour dégriser une case ?

    Merci.

  2. #2
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    As tu mis des value à tes options?(value/text)

  3. #3
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Salut,

    true et false ne doivent pas être des chaînes :
    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
    19
    20
    21
    22
    23
    24
    25
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    	<title>test (x)html</title>
    </head>
    <body id="body">
    	<form name="formClient">
    		<select name="Pays" onchange="localite();">
    			<option value=""></option>
    			<option value="France">France</option>
    			<option value="Allemagne">Allemagne</option>
    		</select>
    		<input type="text" name="Code_postal" id="Code_postal" />
    	</form>
    	<script type="text/javascript">
    	function localite() {
            if (document.formClient.Pays.value != "France") 
                document.formClient.Code_postal.disabled = true;
            else 
                document.formClient.Code_postal.disabled = false;
            }
    	</script>
    </body>
    </html>
    Les Cours et tutoriels JavaScript
    Penser à la recherche et au bouton

  4. #4
    Membre du Club
    Inscrit en
    Avril 2008
    Messages
    199
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 199
    Points : 58
    Points
    58
    Par défaut
    Citation Envoyé par Matthieu2000 Voir le message
    As tu mis des value à tes options?(value/text)

    Oui, j'ai bien mis des value à chaque pays. Mais finalement, mon problème est résolu grâce à franculo_caoulene. Bizarre que le true fonctionne avec des guillemets, alors que le false ne fonctionne pas.
    Merci beaucoup de ton aide.

    Au passage, dans mon script, j'ai charset=ISO-8859-1.
    Ca ne pose pas de problème par rapport à la norme UTF-8 ? Ou vaut-il mieux que je passe tout en UTF-8 comme dans ton script ?

  5. #5
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Non, c'est juste mon modèle de page html pour tester rapidement certains codes postés dans le forum.
    Les Cours et tutoriels JavaScript
    Penser à la recherche et au bouton

  6. #6
    Membre du Club
    Inscrit en
    Avril 2008
    Messages
    199
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 199
    Points : 58
    Points
    58
    Par défaut
    Ah ok. Et bien merci beaucoup pour ton aide et bon après-midi.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. question sur les attributs javascript
    Par PAYASS59 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 20/04/2005, 13h34
  2. [Visuel XP] Petite question sur le theme XP...
    Par ZoumZoumMan dans le forum C++Builder
    Réponses: 12
    Dernier message: 20/01/2005, 14h41
  3. petite question sur le composant IBX ...
    Par vbcasimir dans le forum Bases de données
    Réponses: 4
    Dernier message: 05/01/2005, 10h33
  4. Réponses: 3
    Dernier message: 08/12/2004, 13h58
  5. Petite question sur les performances de Postgres ...
    Par cb44 dans le forum PostgreSQL
    Réponses: 5
    Dernier message: 13/01/2004, 13h49

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo