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.