Accueil > Forum > > > > grisé un champ en fonction d'une liste déroulante
grisé un champ en fonction d'une liste déroulante
mardi 9 octobre 2007 à 14:03:18 |
grisé un champ en fonction d'une liste déroulante

rom268
|
Voila , tout est dans le titre ! J'ai une liste déroulante en relation avec ma base de donnée. Cette liste concerne les "types contrats" j'ai donc CDI, CDD, et stages pour le moment. J'ai un textbox à coté ou l'on peut rentrer la durée du stage ou du CDD. Seulement j'aimerais que ce textbox soit grisé lorsque je selectionne "CDI" dans ma liste. Si quelqu'un à une idée... Merci
|
|
mardi 9 octobre 2007 à 14:09:48 |
Re : grisé un champ en fonction d'une liste déroulante

bultez
|
Bonjour,
>> j'aimerais que ce textbox soit grisé readonly ou disabled à true pour dégriser ( faudrait moi aussi que j'arrête de boire ! ), mettre à false
>>lorsque je selectionne "CDI" dans ma liste. liste ? un select probablement onchange="javascript quand on choisit une option" et this.options[this.selectedIndex] donne le n° de ligne this.options[this.selectedIndex].value ou .text le contenu
Cordialement Bul [mon Site] [M'écrire]
|
|
mardi 9 octobre 2007 à 14:51:43 |
Re : grisé un champ en fonction d'une liste déroulante

rom268
|
Cool compris pour le "dégrisement" Mais pour le reste bof... Faut que créer une fct ou je le met direct à la suite dérriére OnChange, et dans ce cas ou lui dis-je comment dégriser mon textbox ?
Bien cordialement
|
|
mardi 9 octobre 2007 à 14:58:36 |
Re : grisé un champ en fonction d'une liste déroulante

bultez
|
>>Faut que créer une fct ou je le met direct
à la suite dérriére OnChange, c'est comme tu le sens. mais attention à this qui sera la fonction dans la function, pas le select >>et dans ce cas ou lui dis-je comment
dégriser mon textbox ? tu fais le contaire de ce que tu fais pour le griser.
Cordialement Bul [mon Site] [M'écrire]
|
|
mardi 9 octobre 2007 à 15:00:37 |
Re : grisé un champ en fonction d'une liste déroulante

bultez
|
fin du message perdu...
>>et dans ce cas ou lui dis-je comment dégriser mon textbox ? tu fais le contaire de ce que tu fais pour le griser, peut-être quand on sélectionne autre chose que CDI ? mais en fait, toi seul peut répondre...
Cordialement Bul [mon Site] [M'écrire]
|
|
mardi 9 octobre 2007 à 15:16:12 |
Re : grisé un champ en fonction d'une liste déroulante

XtremDuke
|
Ca doit ressembler à quelque chose comme ça...
<html> <head> <title>contrats</title> <script type="text/javascript"> function checkSelection(val){ if(val=='cdi'){ document.getElementById('dureeContrat').disabled = true; }else{ document.getElementById('dureeContrat').disabled = false; } } </script> </head> <body> <select id="selectContrats" onchange="checkSelection(this.value)"> <option value="cdi" selected="selected">CDI</option> <option value="cdd">CDD</option> <option value="stage">STAGE</option> </select> <input id="dureeContrat" type="text" disabled="disabled"/> </body> </html>
|
|
mardi 9 octobre 2007 à 16:09:48 |
Re : grisé un champ en fonction d'une liste déroulante

rom268
|
J'ai saisi ce qu'il faut faire je pense, sauf la partie de fonction dans la fonction avec le "this".J'ai repris le code de XtremDuke, mais je n'ai pas stipulé que je travail en Vb ( ca ne change cependant peut etre rien...) et du coup quand je met un input mon champ est bien grisé, mais par contre je selectionne CDD et que je reselectionne CDI le grisement ne se fait plus. Mais de toute facon je bosse avec un Objet Textbox et le code ne marche plus la console me dit que mon "dureeContrat" text box n'as pas d'options.... si je récupére la valeur avec this.value dans ma liste, que puis-je utilisé pour grisé mon text en fct de ma selection je met mon bout de code si ca peux aider...
<script language="javascript">
function checkSelection(val){ if(val=='CDI'){ document.getElementById('Duree').disabled = true; }else{ document.getElementById('Duree').disabled = false; } }
</script>
[...]
<td valign="top" style="width: 190px" >Type de contrat </td> <td width="165" valign="top" > <asp:DropDownList ID="IdContrat" runat="server" DataSourceID="SqlDataSourceQuotidienContrat" DataTextField="contrat" DataValueField="id_contrat" OnChange="checkSelection(this.value)"> </asp:DropDownList> <asp:SqlDataSource ID="SqlDataSourceQuotidienContrat" runat="server" ConnectionString="<%$ ConnectionStrings:QuotidienConnectionString %>" SelectCommand="SELECT * FROM [contrat]"> </asp:SqlDataSource> </td> <td colspan="2" valign="top" >Durée pour les CDD et les stages </td> <td valign="top" style="vertical-align:top; width: 33px;" > <asp:TextBox ID="Duree" runat="server" Width="26px"></asp:TextBox> </td> <td width="164" valign="top" >mois</td> </tr>
Voila désolé si je suis un peu à la rue.. Merci pour votre aide
|
|
mardi 9 octobre 2007 à 18:27:53 |
Re : grisé un champ en fonction d'une liste déroulante

PetoleTeam
|
B
onjour...
Juste pour faire une petite correction sur le code de XtremDuke
<html> <head> <title>contrats</title> <script type="text/javascript"> function checkSelection( this_){ var Data = this_.options[this_.selectedIndex].value; if( Data =='cdi'){ document.getElementById('dureeContrat').disabled = true; } else{ document.getElementById('dureeContrat').disabled = false; } } </script> </head> <body> <select id="selectContrats" onchange="checkSelection(this)"> <option value="cdi" selected="selected">CDI</option> <option value="cdd">CDD</option> <option value="stage">STAGE</option> </select> <input id="dureeContrat" type="text" value="?????"> </body> </html>
that's All ! du moins il me semble...
;0)
|
|
vendredi 12 octobre 2007 à 13:37:04 |
Re : grisé un champ en fonction d'une liste déroulante

rom268
|
qu'est ce que fait la ligne :
var Data = this_.options[this_.selectedIndex].value; ???
c'est quoi ce "this_" ???
|
|
samedi 13 octobre 2007 à 08:56:00 |
Re : grisé un champ en fonction d'une liste déroulante

PetoleTeam
|
Bonjour,
<select id="selectContrats" onchange="checkSelection(this)"> dans cette ligne le this représente l'object SELECT lui même
function checkSelection( this_){ dans cette ligne le this_ réprésente le paramètre passé à la fonction, soit l'object SELECT
var Data = this_.options[this_.selectedIndex].value; dans cette ligne this_.selectedIndex représente l'OPTION sélectionnée du SELECT, selectedIndex commence à zéro. this_.options est la collection des OPTIONS contenues dans le SELECT, on y accéde comme dans un tableau normal
en final tu récupéres dans Data l'attribut value de l'OPTION sélectionnée du SELECT this_ qui a déclenché l'action soit le SELECT avec l'id "selectContrats" dans ton cas.
J'espère que cela est plus clair ? pas sur à la relecture d'ailleurs.
;0)
|
|
Cette discussion est classée dans : fonction, liste, champ, déroulante, grisé
Répondre à ce message
Sujets en rapport avec ce message
Actualiser une page ?? [ par rich25200 ]
Bonjour,J'ai une page avec une liste déroulante qui est alimenté avec une base de données.. Je programme avec php... Et j'ai aussi d'autre champ texte
Résultats en fonction d'une liste déroulante [ par Pestaille ]
Bonjour, je travaille sous Front Page et je souhaiterais avoir une case proposant un résultat issu du choix effectué auparavant dans une liste déroula
Liste déroulante avec champ de texte -- FireFox [ par b_medamine ]
Bonsoir à tous, je cherche à créer une liste edéroulante avec champ texte ... j'ai bien trouvé sur le forum quelques exemples ' trés bien fait) mais
Liste déroulante + champ texte [ par b_medamine ]
Peut être c'est une question toute bête, mais vraiment je n'ai pas trouvé la solution facile en javascript. J'ai une liste déroulante et un champ tex
Pb de formulaire [ par mikeV ]
Bonjour, j'ai un formulaire HTML et je voudrais pouvoir rendre un champ inactif en fonction de la valeur choisit dans une liste déroulante et aussi en
mise à jour d'une liste déroulante [ par ahcorad ]
Voila j'ai une page avec un formulaire et une liste déroulante de fonctions, si la fonction voulu n'est pas présente on peut en ajouter une en cliquan
liste deroulante [ par CrazyCodeur ]
Bonjour !! J'aimerai modifier le conentu d'un textbox en fonction de ce qui est selectionné dans une liste déroulante.. Les éléments de ma liste dérou
Script formulaire [ par analog101 ]
Bonjour, voici ce que je cherche à faire ( javascript ou vbscript ).Une fenêtre avec un champ texte et un champ select(liste déroulante)si je tape 1 d
rajout dans une liste déroulante [ par onylink ]
Bonjour, J'aurai aimé dans une liste déroulante avoir la possibilité d'ajout une nouvelle valeur. [B]Je m'explique : [/B][U]Dans un formulaire :[/
Récupérer index et valeurs d'une liste déroulante [ par PERPEZAT ]
Bonjour,Je voudrais récupérer dans des variables l'index et la valeur des éléments d'une liste déroulante. pour les utiliser dans un script PHP.Pour l
Livres en rapport
|
Derniers Blogs
[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Arnault Nouvel et Antoine Dongois Le processus à prendre : Apprendre (découvrir la plateforme) Préparer (documenter l'historique et choisir la méthode de MAJ) Test (Test de MAJ) Implémenter (Effectuer la MAJ) Valid...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOURTECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOUR par ROMELARD Fabrice
Après un retour sur l'histoire des TechDays de Paris et le fait que ce soit le plus gros event MS au monde (du fait de sa gratuité), le président de MS France (Eric Boustoullier) a fait une présentation de la vision Microsoft pour les années à venir...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|