Discussion :

[Edta]

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?

[E.Bzz]

Bonjour,

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+

[Edta]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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}"/>

[Bovino]

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('authOptions')[1]

getElementById, se basant sur le fait qu'un id doit être unique dans la page, renvoie un élément, certainement pas un tableau !

[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é?

[E.Bzz]

C'est une liste de radio bouton.

Une liste de un seul élément
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

mais là ....

A+

[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.

[E.Bzz]

cf. EDIT ci-dessus.
+

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+

[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.

[E.Bzz]

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+

[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.

[E.Bzz]

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

A+