Rendre un champ active avec le javascipt

Résolu

goldray Messages postés 113 Statut Membre -
goldray Messages postés 113 Statut Membre - 29 avril 2011 à 18:46

Salut à tous ,
je veux rendre quelques champs enable(active) lorsque on choisi grace à la la balise select , le bon choix ....
voici mon code , qui ne marche pas malheureusement :(

<script language="javascript">
function verification()
{
if (document.ajout_client.type_client.value=="Personne Physique)
{
document.getElementById('nom_client').disabled=false;

}
</script>



<html>
<body>
<select name="type_client" id="type_client" onchange="verification()" >
            <option selected="selected"> </option>
            <option>Personne Physique</option>
            <option>Personne Morale</option>
          </select>
    Nom Client: 
   <input name="nom_client" type="text" size="30" id="nom_client " disabled='true' />
      
</body>
</html>

j'attend vos aides avec impatience ..
merci d'avance

Afficher la suite

A voir également:

Rendre un champ active avec le javascipt
Comment rendre un fichier moins lourd - Guide
Telecharger windows 8.1 avec clé d'activation gratuit - Guide
Comment activer le pavé tactile sans souris - Guide
Active partition disk - Télécharger - Stockage
Comment activé - Guide

7 réponses

Réponse 1 / 7

mandonnaud Messages postés 89 Statut Membre 1

Bonjour coté javascript :
- Tu n'avais pas fermer les guillemets dans la ligne if()
- Tu n'avais pas fermer l'accolade pour la fonction
- J'ai utilisé getElementById pour trouvé le select
- disabled doit être égale à disabled pour être désactivé et vide pour être activé
- j'ai rajouté le else

<script language="javascript">
function verification()
{
	if (document.getElementById('type_client').value=="Personne Physique")
	{
		document.getElementById('nom_client').disabled='';
	}
	else {
		document.getElementById('nom_client').disabled='disabled"';
	}
}
</script>

coté html :
- Un espace dans l'id du input text
- Un mauvaise déclaration pour disabled

<select name="type_client" id="type_client" onchange="verification()" >
            <option selected="selected"> </option>
            <option>Personne Physique</option>
            <option>Personne Morale</option>
          </select>
    Nom Client: 
   <input name="nom_client" type="text" size="30" id="nom_client" disabled="disabled" />

Bonne nuit

Réponse 2 / 7

goldray Messages postés 113 Statut Membre 8

Bonjour , cette methode elle ne marche plus .... :( et en + je suis sùr qu'on doit utiliser les "true" et le "false" pour tester les champs au niveau du JavaScript ..
j'ai modifié un peu mon code mais sans succés :'( :

<script language="javascript">
function verification()
{
if (document.getElementById('type_client').value=="Personne Physique")
{
document.getElementById('nom_client').disabled=false;

}
else
{
document.getElementById('nom_client').disabled=true;
}
}
</script>

//je sauvegarde ce fichier sous le nom "Doc_script.js"

<html>
<head>
<script language="javascript" src="Doc_script.js">

</script>
</head>
<body>

< form name="ajout_client">
<select name="type_client" id="type_client" onchange="verification()" >
            <option selected="selected"> </option>
            <option>Personne Physique</option>
            <option>Personne Morale</option>
          </select>
    Nom Client: 
   <input name="nom_client" type="text" size="30" id="nom_client" disabled="disabled" />
</form>
</body>
</html>

Ja'ttend vos aides ...avec impatience ............
merciiiiii d'avance

Réponse 3 / 7

mandonnaud Messages postés 89 Statut Membre 1

Voila l'exemple de ma réponse hier :
http://www.le-pret-a-surfer.com/ccm/teste.html

ça marche sur ie, ff, safari, chrome

Réponse 4 / 7

goldray Messages postés 113 Statut Membre 8

salut ,
@mandonnaud , c'est vrai ton exemple marche , mais chez moi mon code est ne marche plus voici tous le code javascript :

<script language="javascript">
function verification()
{
if (document.getElementById('type_client').value=="Personne Physique")
{
document.getElementById('nom_client').disabled='';
document.getElementById('prenom_client').disabled='';
document.getElementById('cin_client').disabled='';
document.getElementById('raison_sociale').disabled='disabled"';
document.getElementById('matricule_fiscale').disabled='disabled"';
document.getElementById('adresse_client').disabled='';
document.getElementById('tel_client').disabled='';
document.getElementById('gsm_client').disabled='';

}
else if (document.getElementById('type_client').value=="Personne Morale")
{
document.getElementById('nom_client').disabled='disabled"';
document.getElementById('prenom_client').disabled='disabled"';
document.getElementById('cin_client').disabled='disabled"';
document.getElementById('raison_sociale').disabled='';
document.getElementById('matricule_fiscale').disabled='';
document.getElementById('cin_client').disabled='';
document.getElementById('adresse_client').disabled='';
document.getElementById('tel_client').disabled='';
document.getElementById('gsm_client').disabled='';
}
else 
{

document.getElementById('nom_client').disabled='disabled"';
document.getElementById('prenom_client').disabled='disabled"';
document.getElementById('cin_client').disabled='disabled"';
document.getElementById('raison_sociale').disabled='disabled"';
document.getElementById('matricule_fiscale').disabled='disabled"';
document.getElementById('cin_client').disabled='disabled"';
document.getElementById('adresse_client').disabled='disabled"';
document.getElementById('tel_client').disabled='disabled"';
document.getElementById('gsm_client').disabled='disabled"';
}

}
</script>

et voici tous le code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="Doc_script.js">
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
<title>Document sans nom</title>

<style type="text/css">
<!--
body {
	background-image: url();
	background-repeat: no-repeat;
}
.Style10 {color: #000000}
.Style11 {color: #006600}
.Style13 {color: #666600}
-->
</style>
</head>

<body>

<form method="post" action="cible.php" name="ajout_client">
  <table width="539" border="0" cellpadding="0">
    <tr></tr>
    <tr>
      <td class="vente">Type Client: </td>
      <td width="272">
        
        <div align="right">
          <select name="type_client" id="type_client" onchange="verification()" >
            <option selected="selected"> </option>
            <option>Personne Physique</option>
            <option>Personne Morale</option>
          </select>
        </div></td>
    </tr>
  <td width="261" background="arr_boutton/1.jpg" class="vente" ><label for="nom_client" >Nom Client: </label></td>
      <td width="272"><div align="right">
        <input name="nom_client" type="text" size="30" id="nom_client"  disabled="disabled"/>
      </div></td>
  </tr>
  <tr>
    <td  class="vente"><label for="prenom_client">Prénom Client: </label></td>
    <td><div align="right">
      <input name="prenom_client" type="text" id="prenom_client" size="30" disabled="disabled"/>
    </div></td>
  </tr>
  <td  class="vente"><label for="matricule_fiscale">Matricule Client</label>
          <span class="vente2">*</span>: </td>
      <td><div align="right">
          <input name="matricule_fiscale" type="text" id="matricule_fiscale" size="30" disabled="disabled"/>
      </div></td>
  </tr>
  <tr>
    <td  class="vente"><label for="raison_sociale_client">Raison Sociale Client</label>
        <span class="vente2" >*</span>: </td>
    <td><div align="right">
      <input name="raison_sociale" type="text" id="raison_sociale_client" size="30" disabled="disabled"/>
    </div></td>
  </tr>
  <tr> </tr>
  <tr>
    <td  class="vente"><label for="cin_client">CIN Client: </label></td>
    <td><div align="right">
      <input name="cin_client" type="text" id="cin_client" size="30"  maxlength="8"disabled="disabled"/>
    </div></td>
  </tr>
  <tr>
    <td  class="vente"><label for="adresse_client">Adresse Client: </label></td>
    <td><div align="right">
      <input name="adresse_client" type="text" id="adresse_client" size="30" disabled="disabled"/>
    </div></td>
  </tr>
  <tr>
    <td  class="vente"><label for="tel_client">telephone Client: </label></td>
    <td><div align="right">
      <input name="tel_client" type="text" id="tel_client" size="30"  maxlength="8" disabled="disabled"/>
    </div></td>
  </tr>
  <tr>
    <td  class="vente"><label for="gsm_client">GSM Client: </label></td>
    <td><div align="right">
      <input name="gsm_client" type="text" id="gsm_client" size="30" maxlength="8" disabled="disabled"/>
    </div></td>
  </tr>
  </table>

j'espére que vous pouvez détecter l'erreur ....

merci d'avance

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

mandonnaud Messages postés 89 Statut Membre 1

En JS tu appel comme id "raison_sociale" alors que tu l'as défini en html comme id "raison_sociale_client"

En plus si tu regarde tu as trop de guillement
document.getElementById('raison_sociale').disabled='disabled"';

J'ai remplacé le if par switch

Utilise firebug, plugin firefox il te signalera où le javascript plante ...
suffit après juste de relire avec attention la ligne et de verifié que le html correspondant !

http://www.le-pret-a-surfer.com/ccm/formulaire.html

Réponse 6 / 7

goldray Messages postés 113 Statut Membre 8

ouffffffffffffffffffffffffffffffffffffffffffff ....
enfin j'ai détecté l'erreur , c'est à ce niveau :

<script type="text/javascript" src="Doc_script.js">
</script>

j'ai fait la modification nécessaires tu m'as dit mais sans succés ...
donc lorsque j'ai éliminé cette partie (appel du JS) et j'ai la remplacé par le code ..elle a marché ....Enfiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiin

Réponse 7 / 7

goldray Messages postés 113 Statut Membre 8

Donc un grand merciiiiiiiiiiiiiiiiiiiiiiiiiii à mandonnaud

Discussions similaires

Message ne s'envoie pas données mobiles Redmi

Enlever le pass. Telecomm. Active

Nom de champs du tableau croisé dynamique non valide

comment intégrer une fonction SI dans un champ calculé

Pass. Télécomm. Active

Votre réponse

Discussions similaires