Discussion :

[wsp_ape]

Bonjour.

Dans mon formulaire j'ai une image de cadena qui, lorsque l'on clique dessus, permet de rendre un InputSecret en InputText et vice versa.

L'image du cadena doit changer de version (cadena ouvert ou fermé) en fonction du type de saisie que souhaite l'utilisateur.

Voici mon code :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<h:body>
	<h:outputStylesheet library="css" name="layout.css" target="head" />
	<div id="zoneInscription">
		<h:form>
			<table>
				<tr>
					<td>
						<label>#{msg['FORM_INSCRIPTION_LABEL_PSEUDO']}</label>
					</td>
					<td>
						<h:inputText class="saisie" values="#{controlleurInscription.beanInscriptionImpl.pseudo}" />
					</td>
					<td class="message" colspan="2">
						#{msg['FORM_INSCRIPTION_INFO_PSEUDO']}
					</td>
				</tr>
 
				<tr>
					<td>
						<label>#{msg['FORM_INSCRIPTION_LABEL_EMAIL']}</label>
					</td>
					<td>
						<h:inputText class="saisie" values="#{controlleurInscription.beanInscriptionImpl.email}" />
					</td>
					<td class="message" rowspan="2" colspan="2">
						#{msg['FORM_INSCRIPTION_INFO_EMAIL']}
					</td>
				</tr>
				<tr>
					<td>
						<label>#{msg['FORM_INSCRIPTION_LABEL_EMAIL_CONFIRMATION']}</label>
					</td>
					<td>
						<h:inputText class="saisie" values="#{controlleurInscription.beanInscriptionImpl.emailConfirm}" />
					</td>
				</tr>
				<tr>
					<td>
						<label>#{msg['FORM_INSCRIPTION_LABEL_PASSWORD']}</label>
					</td>
					<td>
						<h:inputSecret class="saisie" values="#{controlleurInscription.beanInscriptionImpl.password}" />
					</td>
					<td rowspan="2">
						<h:graphicImage id="cadena" value="#{resource['images:cadena_off.png']}" 
						width="20" height="20" />
					</td>
					<td class="message" rowspan="2">
						#{msg['FORM_INSCRIPTION_INFO_PASSWORD']}
					</td>
				</tr>
				<tr>
					<td>
						<label>#{msg['FORM_INSCRIPTION_LABEL_PASSWORD_CONFIRMATION']}</label>
					</td>
					<td>
						<h:inputSecret class="saisie" values="#{controlleurInscription.beanInscriptionImpl.passwordConfirm}" />
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<label>#{msg['FORM_INSCRIPTION_LABEL_CONDITIONS_UTILISATION']}</label>
					</td>
					<td>
						<h:selectBooleanCheckbox id="conditions" values="#{controlleurInscription.beanInscriptionImpl.conditions}" />
					</td>
					<td>
						<h:commandButton class="submit" value="#{msg['FORM_INSCRIPTION_BUTTON']}"
						action="#{controlleurInscription.inscription}" />
					</td>
				</tr>
			</table>
		</h:form>
	</div>
</h:body>

Seulement voila je ne sais pas trop comment m'y prendre pour changer et l'image, et le type d'input.

Pourriez vous me donner une piste a suivre ?

En vous remerciant à l'avance pour ceux qui prendront le temps de me répondre.

[DevServlet]

Mais ton cadenas n'est pas un lien. Ton pb est du ressort de javascript. En fait c'est super facile quand tu sais manipuler le dom d'un document en javascript. Tu vas faire une petite fonction js qui elle aura un booleen permettant de savoir dans quel etat on est (ouvert ou fermé) . Si ouvert/ fermé cette fonction modifiera l'image du cadenas et réecrira ton champ de saisie. L'inconvenient ou la contrainte de ce mecanisme c'est que tu devras bosser avec le code généré par ton framework, et non ton code frameworkisé. Si c'est pas clair tu rajoutes le lien sur ton image, tu generes ton dom et tu nous envois les sources.

[wsp_ape]

Merci ! Je vais suivre la piste