CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 30 03:19:21

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

rendre un champ active avec le javascript

Poser une question dans le forum ou lancer une discussion

rendre un champ active avec le javascript

vendredi 29 avril 2011 à 01:57:24 | rendre un champ active avec le javascript

goldray

9 msg

29 msg CS

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 :(

Code Javascript :

<script language="javascript">
function verification()
{
if (document.ajout_client.type_client.value=="Personne Physique)

{
document.getElementById('nom_client').disabled=false;

}
</script>

Code HTML :

<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

vendredi 29 avril 2011 à 09:09:46 | Re : rendre un champ active avec le javascript

jopop

137 msg

1106 msg CS

Salut,

quel est le comportement actuel du code que tu nous montres ?

NB : faute de frappe dans ton script ? il manque la double-quote fermante pour "Personne Physique", et l'accolade fermante de ta fonction.

vendredi 29 avril 2011 à 16:29:40 | Re : rendre un champ active avec le javascript

goldray

9 msg

29 msg CS

Salut , j'ai fait les modification nécessaires mais sans succés

j'ai resté 2jours dans ce petit truc !!

voici le code javascript :

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 le code HTML :

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&eacute;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

vendredi 29 avril 2011 à 16:57:45 | Re : rendre un champ active avec le javascript

Pylouq

15 msg

732 msg CS

Tu n'as pas répondu à la question de jopop. Que fait ton code en l'état ?

Par contre dans ton code JS il y a plusieurs fois des guillements qui trainent entre des quotes (aux endroits où tu fais tes affectations pour disabled.

Ta fonction JS est-elle appellée ? Pour ça met une ligne du genre alert('test'); dans ta fonction pour voir si tu rentres dedans ou non.

Sinon, on ne met pas un point-virgule après le nom de la fonction dans un évènements HTML ?

-- Pylouq : jongleur de clavier AZERTY et de clavier QWERTZ --

vendredi 29 avril 2011 à 19:23:28 | Re : rendre un champ active avec le javascript

goldray

9 msg

29 msg CS

Salut à tous ,
vous parlez de quel état ???la ffonction est appelé au niveau du champ select onchange="verification()" !
en tout cas, j'ai reussit presque de faire fonctionner le script ..
mais le probléme maintenant je veux éliminer le code javascript du code HTML ..
j'ai utilisé cette balise au niveau de HEAD mais sans succés :

Code HTML :

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

NB: pour ceux qui veulent la solution :
http://www.le-pret-a-surfer.com/ccm/formulaire.html

j'attend vos propositions ....

et merci

vendredi 29 avril 2011 à 20:48:28 | Inclusion JS en HTML et bonnes pratiques

jmscripte

9 msg

Réponse acceptée !
Pour inclure un JS pas besoin de l'attribut LANGUAGE et surtout pas de majuscules, XHTML oblige.

Pour ta solution c'était quoi le problème finalement ? Tu sembles seulement avoir remplacé les ifs imbriqués par un switch. Sinon quelques remarques pour améliorer ton code :

Utiliser des tableaux plutôt que de copier-coller les "document.getElementById('*').disabled" : Maintenance facilitée (En cas d'ajout d'un champ), ça évite les erreurs bêtes (Oubli d'un guillement)…
Supprimer les ; terminaux, inutiles en JS.

vendredi 29 avril 2011 à 21:09:19 | Re : rendre un champ active avec le javascript

goldray

9 msg

29 msg CS

Sujet résolu ..
ma faute est au niveau du fichier JS ,puisque j'ai utilisé au sein de lui une balise html or c'est faux ça ...
Donc merci à tous ...

Cette discussion est classée dans : code, champ, client, rendre, active

Répondre à ce message

Sujets en rapport avec ce message

Cacher une balise <td> [ par jesusonline ] bonjour j'ai un problème j'aimerais cacher une balise et j'ai pas mal de code dedans, je suis arrivé à la rendre invisible mais pas à la rendre tte p nom de champ [ par ehmarc ] salutj'ai un souci mineur j'ai un script qui tourne tres bien sur une page avec des champ du style document.forms["form1"].elements["pipo"] </tabl Rendre un champ inactif [ par tetelle ] Bonjour,Comment fait on en javascript pour rendre un champ d'un formulaire enabled?MerciChristelle valeur d'un champ formulaire récupèrer d'un code javascript [ par katousa ] bonjour, je viens de commencer à programmer avec javascript, mon pb, est queje veux afficher la valeur du date et l'heure actuel calculer dans le code Insertion champ [ par Sniperman113 ] Bonjour,J'ai un petit soucis avec mon code.Enfaite mon script devrait permettre à l'utilisateur grâce à un simple clique de mettre le contenu d'un cha appel d'une fonction avec un formulaire [ par nina_bee ] bonjour à tous, je voudrais faire une vérif simple sur un champ mail en javascript. J'ai créé une fonction et je voudais qu'elle se déclanche quand on comment rendre cette code sous forme code javascript [ par hassengh ] bonjour je suis etudiant je cherche un code qui permet de faire cette script intégrée dans html .............. 1ere homme nom: encouple if */ (cette Une fonction liée à un évènement (ex: onBlur, onSubmit) qui ne s'exécute pas... [ par kharshak ] Bonjour à toi, J'ai un petit problème avec mon code. J'ai une page HTML avec un "joli" formulaire, et des actions de vérification à faire sur certain Popup de confirmation OUI/NON [ par shadow578 ] salut, voilà j'ai créer un bouton que lorsqu'on appui dessus il envoi une action à mon serveur par du javascript.. je vous montre: [code=php] if ($et rendre un champ inacif sous une condition [ par Arsonbaby ] j'aimerai rendre un champ du formulaire inactif, sous la condition de cocher sur bouton radio un choix. j'aimerais savoir comment m'y prendre

Livres en rapport

ASP.NET

Visual C++ MFC programming by example

Mieux programmer en Java

Exceptional C++

Tous les livres pour Code, Champ, Client, Rendre, Active

Nos sponsors

Derniers Blogs

POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

Forum

RE : TRIER UNE BDD POUR AFFICHER LES DISPONIBILITéS par anthony428

RE : UTILISER UN .JS par jopop

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Creation d-un intergiciel temps reel
Budget : 200 000€
Application iphone et android - gestion contenu et version derivees-URGENT-REPUBLICATION
Budget : 5 000€
Creation espace client avec suivi de commande en temps reel
Budget : 800€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP