Récupérer valeurs d'un formulaire dans un popup

**tomy29** · 25/11/2008, 18h13

Bonjour j'ai la jsp suivante :

Code xml :

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
<html:form action="/submitConsult">	
        <layout:textarea key="nature_consult" 
	 name="currentConsult"  
	property="interrogatoire" 
	isRequired="false"
	layout="false"
	styleId="saisie_consultation"
	cols="50"
	rows="8"/>
	<layout:button onclick="Ouvrir('../showPrescription.do?');"> <bean:message key="gerer.ordonnance"/></layout:button>
	<layout:collection 	name="listMedicamentChoisis"  id="item" align="left" width="100%" model="fixedHeader" styleClass="FORM" title="title_prescription">
		<layout:collectionItem title="libelle"  property="medicament.libelle"/>
		<layout:collectionItem title="medicament.prescription"  property="administration"/>
	</layout:collection>
	<html:submit ></html:submit>
</html:form>

Je voudrais lorsque j'ouvre mon popup :

Code xml :

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

<layout:button onclick="Ouvrir('../showPrescription.do?');"> <bean:message key="gerer.ordonnance"/></layout:button>

récupérer la valeur du texte saisi dans le textarea dans mon action showPrescription.do.
Comment faire? (chose qui est faite bien evidemment lorsque je clique sur <html:submit>).
Est ce possible? (je ne trouve pas de propriété "id" pour <layout:textarea>)
Merci.

**c_nvy** · 25/11/2008, 21h11

Tu pourrais passer la valeur saisie dans le textarea à l'Action via du Javascript :

Code :

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

<layout:button onclick="Ouvrir('../showPrescription.do?parm='+document.currentConsult.interrogatoire.value);">

mais le problème qui peut se poser dans le cas d'un textarea c'est que la chaîne de caractères passée en paramètre dépasse la taille maximum autorisée.

**tomy29** · 26/11/2008, 10h38

Il ne se passe plus rien quand je clique sur le bouton maintenant...

**c_nvy** · 26/11/2008, 11h30

N'y aurait-il pas un petit triangle jaune en bas à gauche qui indique une erreur Javascript ?

En fait, essaie plutôt :

Code :

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

<layout:button onclick="Ouvrir('../showPrescription.do?parm=${currentConsult.interrogatoire}');">

**OButterlin** · 26/11/2008, 11h54

Si tu veux passer un contenu multi-lignes par l'URL, il va falloir utiliser escape(...) sur la valeur de ton textarea

**tomy29** · 26/11/2008, 12h02

Pas de triangle orange.
Ta deuxième solution a le meme résultat.
Quand je me créer un lien, pour voir ce qu'il passe dans l'url, j'ai 'parm='.
Il semble juste ne pas pouvoir récupérer la valeur de ma variable.

Déjà récupérer un contenu mono ligne ca m'irait.

Ensuite j'essaierai l'escape!

**c_nvy** · 26/11/2008, 12h42

Et pourtant, ça devrait fonctionner.

As-tu codé le onclick exactement comme je l'ai fait ?
Dans la fonction Javascript, si tu ajoutes un alert sur le paramètre passé à la fonction Ouvrir, il s'affiche quoi ?

Peux-tu montrer aussi le code html généré ?

**tomy29** · 26/11/2008, 13h09

Je suis nul en javascript. Je ne sais pas faire un alert d'un paramètre.

Pour le code généré, sachez d'abord que je vous avais soumis une version simplifiée de ma jsp.

Voici ma jsp entiere :

Code xml :

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-layout.tld" prefix="layout" %>
 
<SCRIPT LANGUAGE="JavaScript">
 
    var w;
    function Ouvrir(url) {
    alert("ohoh");
w=window.open(url,'_blank','width=790,height=500,top=200,left=300,scrollbars=1,resize=1');
    }
 
    function setHidden(value){alert(value);document.goToConsultation.hidden.value=value;}
 
	function setWindowTitle(value){
		document.title=value;
	}
</SCRIPT>
 
 
<bean:define name="currentPatient"  id="idNom"/>
<bean:define name="ageS"  id="idAge"/>
<script>
	setWindowTitle('<bean:write name="idNom" property="nom" /> - <bean:write name="idNom" property="prenom" /> - <bean:write name="idAge"/>');
</script>
 
	<head>
		    <link rel='stylesheet' 
            media='screen' 
            type='text/css' 
            title='Design' 
            href='<%=request.getContextPath()%>/css/main.css'/>
			<layout:skin includeScript="true"/>
	</head>
 
 
<div id="conteneur">
		<div id="conteneur_patient_histo">
		<logic:equal name="patientChosen" value="true">
			<layout:collection name="listConsult"  id="item" align="left" width="100%" model="fixedHeader" 
			styleClass="FORM" title="title_histo">
					<layout:collectionTitle title="Date"></layout:collectionTitle>
					<layout:collectionTitle title="Commentaire" ></layout:collectionTitle>
	 				<layout:collectionItem property="stringDate" href="javascript:Ouvrir('../showDetailConsultationHisto.do?id=${item.id}');"
	 				paramId="id" paramProperty="id"/>		 	
					<layout:collectionItem property="interrogatoire"/>
			</layout:collection>
		</logic:equal>
	</div>
 
	<div id="conteneur_consultation">
		<html:form action="/submitConsult">	
			<div><bean:message key="nature_consult"/></div> 
			<layout:textarea  layoutId="idInterrogatoire"	key="nature_consult" 
								name="currentConsult" 
								property="motif" 
								isRequired="false"
								size="111"
								rows="3"
								layout="false"/>
			<div id="float_gauche">
				<div id="consult_cadre">
					<div id="titre_cadre">
					Interrogatoire
					</div>
						<layout:textarea key="nature_consult" 
						 name="currentConsult"  
						property="interrogatoire" 
						isRequired="false"
						layout="false"
						styleId="saisie_consultation"
						cols="50"
						rows="8"/>
				</div>
			</div>
			<div id="float_gauche">
				<div id="consult_cadre">
					<div id="titre_cadre">
							Examen Clinique
					</div>
						<layout:textarea key="nature_consult" 
						name="currentConsult" 
						property="examenClinique" 
						isRequired="false"
						layout="false"
						styleId="saisie_consultation"
						cols="50"
						rows="8"/>
				</div>
			</div>
			<div id="float_gauche">
				<div id="consult_cadre">
					<div id="titre_cadre">
							Conclusion
					</div>
						<layout:textarea key="nature_consult"
						name="currentConsult" 
						property="conclusion" 
						isRequired="false"
						layout="false"
						styleId="saisie_consultation"
						cols="50"
						rows="8"/>
				</div>
			</div>
			<div id="float_gauche">
			<div id="consult_cadre">
				<div id="titre_cadre">Ordonnance</div>	
 
					<layout:button onclick="Ouvrir('../showPrescription.do?parm=${currentConsult.interrogatoire}');"> <bean:message key="gerer.ordonnance"/></layout:button>
 
					<layout:collection 	name="listMedicamentChoisis"  id="item" align="left" width="100%" model="fixedHeader" 
										styleClass="FORM" title="title_prescription" 
										 >
						<layout:collectionItem title="libelle"  property="medicament.libelle"/>
						<layout:collectionItem title="medicament.prescription"  property="administration"/>
					</layout:collection>
			</div>
			</div>
			<html:submit ></html:submit>
		</html:form>
	</div>
 
 
</div>

et le code généré

Code xml :

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<html>
	<head>
		    <link rel='stylesheet' 
            media='screen' 
            type='text/css' 
            title='Design' 
            href='/bemedic/css/main.css'/>
			<link rel="stylesheet" href="/bemedic/config/default.css" type="text/css"><script type="text/javascript">var imgsrc="/bemedic/config/"; var scriptsrc="/bemedic/config/"; var langue="fr"; var contextPath="/bemedic";</script><script type="text/javascript" src="/bemedic/config/javascript.js"></script>
 
	</head>
 
	<body>
		<table  border="1" width="100%" height="100%" cellspacing="0" id="couleur_fond">
			<tr>
			  <td height="80px">
 
 
 
<SCRIPT LANGUAGE="JavaScript">
 
    var w;
    function Ouvrir(url) {
w=window.open(url,'_blank','width=790,height=500,top=200,left=300,scrollbars=1,resize=1');
    }
 
    function setHidden(value){alert(value);document.goToConsultation.hidden.value=value;}
 
	function setWindowTitle(value){
		document.title=value
	}
</SCRIPT>
 
 
 
<div id="conteneur_header">
	<div id="float_gauche">
 
		<form name="goToConsultation" method="post" action="/bemedic/goToConsultation.do">
			<div id="couleur_fond">	
				<input type="submit" value="Consultation">
			</div>
		</form>
	</div>
	<div id="float_gauche">
		<form name="goToAdmin" method="post" action="/bemedic/goToAdmin.do">
			<div id="couleur_fond">	
				<input type="submit" value="Administration">
 
			</div>
		</form>
	</div>
	<div id="float_gauche">
 
			<form name="goToConsultation" method="post" action="/bemedic/choosePatient.do">
				<font id="labels">Nom :</font> 
				<select name="selectedPatient" onchange="setWindowTitle('bonjour');submit()"><option value=""></option>
				  <option value="1">rudel</option>
 
<option value="2">le corre</option>
<option value="3" selected="selected">zidane</option>
<option value="4">soeur</option>
<option value="5">obama</option>
<option value="6">mccain</option>
<option value="7">mcdonald</option>
<option value="8">gourcuff</option></select>
			</form>
 
	</div>
 
</div>
 
 
 
			  </td>
			</tr>
			<tr>
			  <td valign="top"  align="left">			    
 
 
 
 
 
<SCRIPT LANGUAGE="JavaScript">
 
    var w;
    function Ouvrir(url) {
    alert("ohoh");
w=window.open(url,'_blank','width=790,height=500,top=200,left=300,scrollbars=1,resize=1');
    }
 
    function setHidden(value){alert(value);document.goToConsultation.hidden.value=value;}
 
	function setWindowTitle(value){
		document.title=value;
	}
</SCRIPT>
 
 
 
<script>
	setWindowTitle('zidane - zinedine - 34 ans');
</script>
 
	<head>
		    <link rel='stylesheet' 
            media='screen' 
            type='text/css' 
            title='Design' 
            href='/bemedic/css/main.css'/>
			<link rel="stylesheet" href="/bemedic/config/default.css" type="text/css"><script type="text/javascript">var imgsrc="/bemedic/config/"; var scriptsrc="/bemedic/config/"; var langue="fr"; var contextPath="/bemedic";</script><script type="text/javascript" src="/bemedic/config/javascript.js"></script>
	</head>
 
 
<div id="conteneur">
 
		<div id="conteneur_patient_histo">
 
			<p class="FORM">Historique du Patient</p><table width="100%" cellspacing="0" class="FORM" style="width:100%px;">
 
 
 
 
 
			<thead><tr valign="top">
<th colspan="0" class="FORM">Date</th>
<th colspan="0" class="FORM">Commentaire</th>
</tr>
 
 
 
	 				</thead><tbody style="overflow:-moz-scrollbars-vertical;width:100%px;"><tr><td class="FORM"><a href="javascript:Ouvrir('../showDetailConsultationHisto.do?id=6');" class="FORM">18/11/2008</a></td>		 	
					<td class="FORM"></td>
 
			</tr></tbody></table>
 
 
	</div>
 
	<div id="conteneur_consultation">
		<form name="goToConsultation" method="post" action="/bemedic/submitConsult.do">	
			<div>Motif de la consultation :</div> 
			<textarea name="motif" cols="111" rows="3"></textarea>
			<div id="float_gauche">
				<div id="consult_cadre">
 
					<div id="titre_cadre">
					Interrogatoire
					</div>
						<textarea name="interrogatoire" cols="50" rows="8" id="saisie_consultation"></textarea>
				</div>
			</div>
			<div id="float_gauche">
				<div id="consult_cadre">
					<div id="titre_cadre">
 
							Examen Clinique
					</div>
						<textarea name="examenClinique" cols="50" rows="8" id="saisie_consultation"></textarea>
				</div>
			</div>
			<div id="float_gauche">
				<div id="consult_cadre">
					<div id="titre_cadre">
							Conclusion
					</div>
 
						<textarea name="conclusion" cols="50" rows="8" id="saisie_consultation"></textarea>
				</div>
			</div>
			<div id="float_gauche">
			<div id="consult_cadre">
				<div id="titre_cadre">Ordonnance</div>	
 
					<input type="button" value="Ordonnance" onclick="Ouvrir('../showPrescription.do?parm=');">
 
					<p class="FORM">Prescription</p><table width="100%" cellspacing="0" class="FORM" style="width:100%px;">
 
 
 
					<thead><tr valign="top">
<th class="FORM">libelle</th>
<th class="FORM">Posologie</th>
</tr>
</tbody></table>
 
			</div>
			</div>
			<input type="submit" value="Submit">
		</form>
 
	</div>
 
 
</div>
 
			  </td>
			</tr>
		</table>
	</body>
 
</html>

**c_nvy** · 26/11/2008, 13h16

Mais à quoi correspond currentConsult ?
Je pensais que c'était le nom du form-bean.
Or, je m'aperçois que le nom du form-bean est goToConsultation.
Il faudrait donc remplacer ${currentConsult.interrogatoire} par ${goToConsultation.interrogatoire} si toutefois interrogatoire est bien une propriété du form-bean goToConsultation ?

**OButterlin** · 26/11/2008, 13h56

currentConsult est le nom associé au textarea, mais d'un point de vue javascript, ça ne représente pas le contenu du textarea !

il faudrait utiliser currentConsult.value et plus particulièrement escape(currentConsult.value) puisque tu le rajoutes à l'URL et dans la limite des 256 (il me semble) octets autorisés pour l'URL

**tomy29** · 26/11/2008, 13h56

currentConsult est un objet créé dans l'action qui charge la jsp.
Cet objet est mis en session.
Mais j'ai effectivement une propriété interrogatoire dans GoToConsultation.
L'appel au popup se fait mieux avec ta derniere proposition je suis bien redirigé dans l'Action. Mais la propriété interrogatoire est = à null.

**c_nvy** · 26/11/2008, 14h05

Mais normalement, la valeur de l'attribut name doit correspondre au nom du form-bean sinon, tu ne récupèreras jamais la valeur de la propriété interrogatoire.
Le textarea devrait plutôt être initialisé via le setter sur la propriété interrogatoire de l'ActionForm plutôt que de passer par un objet en session.

**tomy29** · 26/11/2008, 14h09

tu as surement raison!
et pourtant, quand je clique sur le submit de mon form, je récupère bien les valeurs de mes textarea.
Je crois que mon erreur de novice est de ne pas trop savoir dans ma jsp quand utiliser les propriétés de mon formBean et quand utiliser des objets que je mettrais en session.

**c_nvy** · 26/11/2008, 14h11

Envoyé par tomy29

et pourtant, quand je clique sur le submit de mon form, je récupère bien les valeurs de mes textarea.

Et tu les récupères comment ?
sûrement pas par les getters de l'ActionForm.

**c_nvy** · 26/11/2008, 14h16

A partir du moment où les champs sont modifiables, il faut utiliser les propriétés du form-bean.
Si par contre, le contenu des champs est juste affiché, tu peux utiliser un objet en request ou en session parce que dans ce cas, comme il n'y a pas de formulaire à soumettre, il n'y a pas de raison de définir un form-bean.
C'est aussi simple que ça.

En tout cas, moi, c'est comme ça que je procède.

**tomy29** · 26/11/2008, 14h21

Envoyé par c_nvy

Et tu les récupères comment ?
sûrement pas par les getters de l'ActionForm.

Dans mon Action j'ai :

Code :

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

GoToConsultation cp=(GoToConsultation)form;

et quand j'inspecte cp, j'ai bien la propriété interrogatoire qui est renseignée,
Je créé mon objet Consultation (avant de le persister en base) en faisant

Code :

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

1
2
Consultation consult = new Consultation();
consult.setInterrogatoire(cp.getInterrogatoire());

Et j'ai bien Interrogatoire qui comporte la bonne valeur.

Alors que pour le bouton qui appelle une autre action je fais pareil :

Code :

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

GoToConsultation cp=(GoToConsultation)form;

mais la propriété interrogatoire n'est pas renseignée.

**tomy29** · 26/11/2008, 14h22

Envoyé par c_nvy

A partir du moment où les champs sont modifiables, il faut utiliser les propriétés du form-bean.
Si par contre, le contenu des champs est juste affiché, tu peux utiliser un objet en request ou en session parce que dans ce cas, comme il n'y a pas de formulaire à soumettre, il n'y a pas de raison de définir un form-bean.
C'est aussi simple que ça.

En tout cas, moi, c'est comme ça que je procède.

Énoncé comme ça, ça devient limpide.

merci.

**tomy29** · 26/11/2008, 14h25

Envoyé par tomy29

Dans mon Action j'ai :

Code :

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

GoToConsultation cp=(GoToConsultation)form;

et quand j'inspecte cp, j'ai bien la propriété interrogatoire qui est renseignée,
Je créé mon objet Consultation (avant de le persister en base) en faisant

Code :

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

1
2
Consultation consult = new Consultation();
consult.setInterrogatoire(cp.getInterrogatoire());

Et j'ai bien Interrogatoire qui comporte la bonne valeur.

Alors que pour le bouton qui appelle une autre action je fais pareil :

Code :

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

GoToConsultation cp=(GoToConsultation)form;

mais la propriété interrogatoire n'est pas renseignée.

Evidemment je viens de refaire le test sans rien avoir touché (consciemment du moins) et ça marche maintenant...
pfffff
mon ordi se fout de moi.
C'est comme la gestion des cookies qui merde avec firefox et qui prend en compte mes chgt dans mes css une fois sur trois.

Merci!!!

**tomy29** · 26/11/2008, 14h45

Fausse joie, ça ne marche pas.
Récap :

Code xml :

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

1
2
3
4
5
6
7
8
9
10
11
<html:form action="/submitConsult">
  <layout:textarea   key="nature_consult" 
								name="goToConsultation" 
								property="interrogatoire" 
								isRequired="false"
								size="111"
								rows="3"
								layout="false"/>
  <layout:button onclick="Ouvrir('../showPrescription.do?parm=${goToConsultation.interrogatoire}');"> <bean:message key="gerer.ordonnance"/></layout:button>
  <html:submit ></html:submit>
</html:form>

En cliquant sur <html:submit> je récupère bien la bonne valeur de interrogatoire.
En cliquant sur <layout:button> je ne récupère rien, et donc "parm" est vide.

**c_nvy** · 26/11/2008, 15h01

En fait, c'est logique étant donné que le formulaire n'est pas soumis lors du clic sur <layout:button>.

Il faut donc de nouveau tester ma première solution :

Code :

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

<layout:button onclick="Ouvrir('../showPrescription.do?parm='+document.goToConsultation.interrogatoire.value);">

Récupérer valeurs d'un formulaire dans un popup

Struts 1 Java

Discussions similaires

Partager

Partager