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
XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|