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

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour j'ai la jsp suivante :
Code:

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:

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

25/11/2008, 22h11
c_nvy

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

Code:

<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.
26/11/2008, 11h38
tomy29

Il ne se passe plus rien quand je clique sur le bouton maintenant...:?
26/11/2008, 12h30
c_nvy

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

En fait, essaie plutôt :

Code:

<layout:button onclick="Ouvrir('../showPrescription.do?parm=${currentConsult.interrogatoire}');">
26/11/2008, 12h54
OButterlin

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

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!
26/11/2008, 13h42
c_nvy

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

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:

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:

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>

26/11/2008, 14h16
c_nvy

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 ?
26/11/2008, 14h56
OButterlin

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
26/11/2008, 14h56
tomy29

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.
26/11/2008, 15h05
c_nvy

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.
26/11/2008, 15h09
tomy29

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.
26/11/2008, 15h11
c_nvy

Citation:

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.
26/11/2008, 15h16
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.
26/11/2008, 15h21
tomy29
Citation:

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:

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:

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:

GoToConsultation cp=(GoToConsultation)form;

mais la propriété interrogatoire n'est pas renseignée.
26/11/2008, 15h22
tomy29

Citation:

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.
26/11/2008, 15h25
tomy29
Citation:
Envoyé par tomy29

Dans mon Action j'ai :

Code:

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:

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:

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!!!

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

Code:

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.

26/11/2008, 16h01
c_nvy

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:

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

Voir 40 message(s) de cette discussion en une page