rendre un champ enable/disable

Version imprimable

21/08/2009, 11h05
Edta

rendre un champ enable/disable

Bonjour,

Dans un formulaire, j'ai un champ qui n'est pas tout le temps obligatoire. L'existance de ce champ (un textfield) dépand de la valeur d'un autre champ (une liste de radio bouton).
Par exemple ma liste de radio bouton possède les valeurs: 1 et 2. Si l'utilisateur sélectione la valeur 1 alors mon input doit être enable ou visible et si l'utilisateur choisi la valeur 2 alors le champ doit être disable ou invisible;

J'ai posé la question sur le forum JSF car c'est la technologie que j'utilise mais comme mon bean est en request je dois faire ce traitement au niveau de la page et pas de mon bean. Je dois donc utiliser JavaScript dans lequel je n'ai aucune connaissance. Pourriez vous m'aider à écrire la petite fonction qui me permettra suivant la valeur de liste de rendre mon champ texte enable/disable?
21/08/2009, 11h39
E.Bzz

Bonjour,

Citation:

Envoyé par Edta

Pourriez vous m'aider à écrire la petite fonction qui me permettra suivant la valeur de liste de rendre mon champ texte enable/disable?

elle est dans la FAQ ;)

A+

C'est se que j'ai essayé de le faire mais mon champ est toujours editable.:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script type="text/javascript">
                function statusCertificat() {
                    if (document.getElementById('authOptions')[1].checked) {
                        document.getElementByI('certificat').disabled=false;
                    } else {
                        document.getElementByI('certificat').disabled=true;
                    }
                }
            </script>
 
<h:outputText value="#{bundle.gateway_typeAuthentification}" styleClass="mandatory"/>
                                <h:selectOneRadio id="authOptions" value="#{CreateGateway.authSelected}" onchange="statusCertificat()">
                                    <f:selectItems value="#{CreateGateway.authOptions}"/>
                                </h:selectOneRadio>
 
 
                                <h:outputText value="#{bundle.gateway_certificat}" styleClass="mandatory#{CreateGateway.isValidCertif ? '' : ' errorMsg'}"/>
                                <h:inputText id="certificat" maxlength="50" value="#{CreateGateway.certif}"/>

21/08/2009, 12h18
Bovino

Salut,

Code:

document.getElementById('authOptions')[1]

:aie:
getElementById, se basant sur le fait qu'un id doit être unique dans la page, renvoie un élément, certainement pas un tableau !
21/08/2009, 14h06
Edta

C'est une liste de radio bouton. La liste est generé par le JSF je n'ai donc pas de id spécification a chaque radioBouton. comment je peux faire pour tester si c'est la deuxième valeur de liste qui est sélectioné?
21/08/2009, 14h11
E.Bzz

Citation:

Envoyé par Edta

C'est une liste de radio bouton.

Une liste de un seul élément :aie:
Dans ce cas on utilise plutôt une checkbox ;)

(sans compter que rien ne t'empêchais de lui attribuer un id)

EDIT : avec du "vrai" HTML, tu aurais pu simplement tester

Code:

document.getElementById('authOptions').getElementsByTagName('input')[1].checked

mais là .... :?

A+
21/08/2009, 14h14
Edta

Non c'est une liste de deux elements.
l'element 1; REGULAR : input text disable
l'element 2: SSL : input text enable

donc je veux tester lequel des deux est selectioné mais je veux un code qui me permet de gérer plus si un jour des options supplémentaires son ajoutées.
21/08/2009, 14h17
E.Bzz

cf. EDIT ci-dessus.
+

Citation:

Envoyé par Edta

donc je veux tester lequel des deux est selectioné

Tu as essayé de tester la value de authOptions ?
Normalement elle récupère la value sélectionnée ...

PS : c'est quoi ce code HTML côté client ?

A+
21/08/2009, 14h31
Edta

Oui j'ai déjà essayé mais je n'ai pas de meilleur résultat mon élément est tout editable.

Le code au dessu c'est du JPS, c'est interpré par un serveur qui en génére le code HTML correspondant.
21/08/2009, 14h41
E.Bzz

Citation:

Envoyé par Edta

qui en génére le code HTML correspondant.

Ici, il n'y a que celui-là qui nous intéresse ;)

Si il est différent, poste-le ...

A+
21/08/2009, 15h00
Edta

C'est bon j'ai trouvé la solution. Se sont mes identifiants qui n'etaient pas corrects. Il faut donner le chemin absolu. De plus pour acceder au deuxième élément il ne fallait pas mettre l'index entre cochet mais à la fin de mon id "authOptions:1" et avant ca il me manquait le nom de mon formulaire.
21/08/2009, 15h17
E.Bzz

En fait, le principal problème était que tu n'as pas posé la question dans le bon forum :mrgreen:

A+