Rendre un champ active avec le javascipt

Résolu/Fermé

goldray Messages postés 82 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 1 juin 2014 - 29 avril 2011 à 01:43
goldray Messages postés 82 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 1 juin 2014 - 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

A voir également:

Rendre un champ active avec le javascipt
Rendre un fichier moins volumineux - Guide
Activer le pavé tactile - Guide
Le nom du champ de tableau croisé dynamique n'est pas valide - Forum Excel
Active partition disk - Télécharger - Stockage
Rendre une cle usb bootable - Guide

7 réponses

Réponse 1 / 7

mandonnaud Messages postés 78 Date d'inscription dimanche 11 octobre 2009 Statut Membre Dernière intervention 19 janvier 2022 1
29 avril 2011 à 03:01

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 82 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 1 juin 2014 8
29 avril 2011 à 06:45

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 78 Date d'inscription dimanche 11 octobre 2009 Statut Membre Dernière intervention 19 janvier 2022 1
29 avril 2011 à 10:31

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 82 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 1 juin 2014 8
29 avril 2011 à 16:23

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 78 Date d'inscription dimanche 11 octobre 2009 Statut Membre Dernière intervention 19 janvier 2022 1
29 avril 2011 à 17:20

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 82 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 1 juin 2014 8
29 avril 2011 à 18:46

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 82 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 1 juin 2014 8
29 avril 2011 à 18:46

Donc un grand merciiiiiiiiiiiiiiiiiiiiiiiiiii à mandonnaud

Discussions similaires

Nom de champs du tableau croisé dynamique non valide

Enlever le pass. Telecomm. Active

Safe search google activé tout seul

rendre un texte flou plus net

REDMI le message n'a pas été envoyé car le service n'est pas

Discussions similaires

Newsletters