Utilisation d'un tableau java dans une fonction JS

Version imprimable

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

Bonjour,

Suite à la lecture de ce post : http://www.developpez.net/forums/d35...va-javascript/

j'ai essayé d'écrire la fonction suivante :
Code:

1 2 3 4 5 6 7 function displayTabProgAchat(){ var tab = new array (<%=lstProgAchat%>) if (tab.length == 0){ alert ("Il n'y a aucun programme d'achat répondant aux critères sélectionnés"); } }
il n'y a rien qui se passe parce je pense que je n'arrive pas à récupérer mon tableau java côté JS

Java --> coté serveur
JS coté client

Ces 2 langages peuvent-t-ils communiquer? sinon existe-t-il une solution alternative ?

merci pour vos réponses
Bien Cordialement,
Bilou69

18/07/2011, 11h05
RomainVALERI

En l'occurrence, pour pouvoir se rendre compte, il nous faudrait le code généré... :roll:

Merci de me répondre.
Tu veux le code java c'est bien ça?

le voici :

Code:

1
2
3
4
5
6
7
8
 
// on récupère tous les programmes d'achat
lstProgAchat=instFPPU.evaluerExpression("ListeProgrammes.extraire(Exercice=" + cbExercice +")").getValeurListe();
for (int i=0; i<lstProgAchat.getTaille(); i++){
	InstanceMetier instCourante=lstProgAchat.getInstance(i);
	String descriptionProgramme = instCourante.getValeurAttribut("Description").getValeurTexte();
	String idProg = instCourante.getValeurAttribut("Identifiant").getValeurTexte(); 
	String typeProg= instCourante.getValeurAttribut("CodeProgramme").getValeurTexte();

mon tableau n'est pas vide je le vois dans ma jsp. C'est au moment de la récupération qu'il y a un pb.

merci encore !

18/07/2011, 11h13
SpaceFrog

noooooooooon

on veut le code html généré
afin de voir ce que tu tentes de mettre dans l'array

ton langage serveur ne fait que rédiger le code html js ...

Désolé j'ai encore du mal à comprendre toutes les interactions client serveur.
J'ai copié le code source de ma page le voici :

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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
 
 
 
 
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<html>
	<head>
		<title>Liste des programmes d'achat</title>
		<link rel="stylesheet" charset="UTF-8" type="text/css" href="../css/blaf-A0-ie-6-windows.css">
		<link rel="stylesheet" charset="UTF-8" type="text/css" href="../css/stylesheetLia.css">
		<meta http-equiv="Cache-Control" content="max-age=0">
 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
	</head>
 
	<body bgcolor="#F7F7F7" onload="document.getElementById('recherche').focus();">
		<!-- bloc d'entête -->
 
<script type="text/javascript">
var urlaide = "../aide/index.jsp";
</script>
 
<div id="entete" >
<table cellpadding="0" cellspacing="0" border="0" width="100%" id="enteteTable">
	<tr>
		<td width="300" valign="bottom"><img src="../css/gauche-entete.png" alt="" border=0 width="300" height="50"></td>
 
 
		<td align="right" valign="bottom" ><span class="texteEntete">Connect&eacute; sur le site
          Installation au compte BIA en
		tant que BIAadmin</span></td>
 
		<td align="right" width="191" style="padding:6px 10px 0 0"  valign="top">
		<table cellpadding="0" cellspacing="0" style="background:transparent;">
			<tr>
				<td valign="bottom"><img src="../css/aide.png" height="16" width="16" border="0"  align="middle"/><a href="#"	onclick="window.open(urlaide, '_aidelw'); return false;"><span class="lienEntete">Aide</span></a></td>
				<td valign="bottom"><img src="../css/t.gif" width="10"	height="1"></td>
 
				<td valign="bottom"><a href="../login/logoff.jsp"><img src="../css/quitter.png" height="16" width="16" border="0" align="middle"/><span class="lienEntete">D&eacute;connexion</span></a></td>
 
 
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td colspan="3" height="10">&nbsp;</td>
	</tr>
</table>
</div>
 
		<!-- ligne de navigation -->
 
 
 
 
<link rel="stylesheet" href="../css/Menu_fleche.css" type="text/css" media="screen" charset="utf-8" />
<!--[if lt IE 7]>
	<link rel="stylesheet" href="../css/Menu_fleche_ie6.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
 
<div id="navligne">
	<table cellpadding="0" cellspacing="0" border="0" width="100%" height="23" style="border-top:1px solid #999966; border-bottom:1px solid #999966">
		<tr><td align="left" width="50">
			<!-- Debut Menu Fleche -->
				<div style="display:inline">	   					   		
					<ul id="sddm">
				   		<li id="flechLi">
 
				   		  <a id="boutonFleche" href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()"><img src="../css/menu_icone.gif" border="0" /></a>
							<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
								<a href="../bureau/accueil.jsp">Page Accueil</a>	
								<a href="../bureau/avantprojets.jsp">Gestion Avant-Projets</a>
								<a href="../bureau/projets.jsp">Gestion Projets</a>
								<a href="#">Gestion Marchés</a>
								<a href="../bureau/administration.jsp">Administration</a>
 
								<a href="../bureau/documentation.jsp">Documentation et support</a>			
							</div>
						</li>		
					</ul>	
				</div>				
			<script src="../js/Menu_fleche.js" type="text/javascript" charset="utf-8"></script>		
 
<!-- Fin Menu Fleche -->	
		</td>
		<td width="100%"  nowrap="nowrap" style="font-size:10px; font-weight:bold; color:#888"> 
<img src="../css/t.gif" height="1" width="5"/><a href="../progachat/gestionuf.jsp?identifiant=null">GESTION DES UNITÉS FONCTIONNELLE</a>
 
		</td>
 
		</tr>
  	</table>
</div>
 
 
<script language="JavaScript">
if(navigator.appCodeName == "Mozilla")
	document.write("<br />");
</script>
 
 
</script>
 
<table width="70%" border="0" cellspacing="5" cellpadding="0">
	<tr valign="top">
		<td valign="top" width="100%">
 
		<table cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td height="2"><img src="../css/t.gif" width="1" height="1"></td>
			</tr>
			<tr>
				<td height="15">&nbsp;</td>
			</tr>
			<tr>
 
				<td rowspan="3" width="20"><img src="../css/t.gif"	width="20" height="1"></td>
				<td>
						<table cellpadding="0" cellspacing="0" border="0" width="100%">
							<tr>
								<td width="100%" class="tab3"><h2>Liste des programmes d'achat</h2></td>
							</tr>
							<tr>
								<td ><img src="../css/t.gif" width="1" height="3"></td>
 
							</tr>
                            <tr>
                                <td class="bordureCouleur"></td>
                            </tr>
                            <tr>
                                <td height="8">&nbsp;</td>
                            </tr>
                             <tr>
								<td height="2"><img src="../css/objet_add.png" />&nbsp;<a href="pagenouveau.jsp">Ajouter un programme</a></td>
 
							</tr>
							 <tr>
                                <td height="8">&nbsp;</td>
                            </tr>
 
						</table>
				</td>
			</tr> 
			<tr>
				<td height="2"><img src="../css/t.gif" width="1" height="1"></td>
 
			</tr>
 
 
			<tr>
				<td width="100%" >
 
	</table>
	<form name="frmProgAchat" method="post" action="listeprogachat.jsp">
	<table class="tab" cellspacing="10px">
		<tr>
			<td>Exercice</td>
 
			<td>
 
 
			<select id="cbxExercice" name="cbxExercice" size="1">
		    	<option>2010</option>
		    	<option>2011</option>
		    	<option>2012</option>
    		</select>
    		</td>
 
		</tr>
		<tr>
			<td>Liste des personnes publiques</td>
 
		<td>	
		  <select id="cbxPersonnePublique" name="cbxPersonnePublique" size="1">
 
		  				<option value="52257AB500000130DBC69C150000015B"> Ville de Lyon </option>
 
		  </select>
		  </td>	
		</tr>
 
		</tr>
	</table>
	<br>
	<input type="submit" value="Rechercher un programme" onclick="displayTabProgAchat()">
   <br><br>
 
 
 
<script type="text/javascript">
			function displayTabProgAchat(){
				var tab = new array (1 objet(s) Fiche programme d'achat)
				if (tab.length == 0){
					alert ("Il n'y a aucun programme d'achat répondant aux critères sélectionnés");
				}
			}
</script>
	<table align="center" width="100%" class="tab">
		<thead>
 
			<tr>
			<th class="tab1" width="10%" >Type</th>
			<th class="tab1" >Libell&eacute;</th>
			<th class="tab1" width="5%" ><img src="../css/poubelle.gif" /></th>
			</tr>
		</thead>
			<tr >
				<td class="tab2centre">null</td>
 
				<td class="tab2gauche"><a href="pageadmin.jsp?idProgramme=prog1">Programme achat CPR</a></td>
				<td class="tab2centre" ><img src="../css/no-poubelle.gif" /></td>
			</tr>
 
 
 
			<!-- <tr >
				<td class="tab2centre">CPNR</td>
				<td class="tab2gauche"><a href="">Programme d'achat des besoins non recensés</a></td>
				<td class="tab2centre" ><img src="../css/poubelle.gif" /></td>
			</tr>
			<tr >
				<td class="tab2centre">UF</td>
				<td class="tab2gauche"><a href="">Table des opérations</a></td>
				<td class="tab2centre" ><img src="../css/poubelle.gif" /></td>
			</tr> -->	
	</table>
	</form>
 
</td>
</tr>
</table>
</td>
 
</tr>
</table>
</body>
</html>

18/07/2011, 11h21
SpaceFrog

tu devrais avoir ta réponse non ?

Code:

var tab = new array (1 objet(s) Fiche programme d'achat)
18/07/2011, 11h29
bilou69
Ok donc mon tableau contient un objet.

dans ma fonction displayTab() j'ai mis :
Code:

1 2 3 if (tab.length==0){ alert ("aucun programmes ");
j'ai changé la condition au lieu de mettre == j'ai mis != ça devrait m'afficher mon alert normalement puisque mon tableau contient un objet. Mais le souci c'est qu'il ne m'affiche rien c'est bizarre non?
18/07/2011, 11h31
SpaceFrog

Citation:

Ok donc mon tableau contient un objet.

non !!!!
il n'est pas déclaré correctement !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
18/07/2011, 11h32
RomainVALERI

Citation:

Envoyé par bilou69

Ok donc mon tableau contient un objet.

Non, il ne contient qu'une erreur de syntaxe :aie:
18/07/2011, 11h39
bilou69
la déclaration d'un tableau en javascript c'est bien
Code:

1 2 var monTableau = new array(// ici on récupère le tableau java <%tab%>);
je vois pas où est le souci je nage complètement... mon erreur se situe dans le code java sinon il ne faut pas utiliser <% %> comment faire alors?
18/07/2011, 11h43
bilou69

alors pourriez-vous svp m'indiquer la bonne syntaxe ?
18/07/2011, 11h45
SpaceFrog

si ... mais il faut juste que à cet endroit tu "rédiges" avec le langage serveur un array compréhensible pour js ...

le resultat devra ressembler à

Code:

var monTableau = new Array('valeur1','valeur2','valuer3')
18/07/2011, 11h53
bilou69

qd je mets

Code:

<%tab;%

j'ai l'erreur suivante à cause du point virgule ;

Citation:

Une erreur s'est produite à la ligne: 198 dans le fichier jsp: /progachat/listeprogachat.jsp
Syntax error, insert "AssignmentOperator Expression" to complete Expression

merci pour vos lumières
18/07/2011, 11h57
SpaceFrog

c'est une erreur asp ... pas javascript ...

Encore une fois considère que ton langage serveur n'est qu'une machine à ecrire le code html js qui sera envoyé au navigateur.
Le navigateur lui n'interprète que le html js reçu ...
18/07/2011, 12h00
Invité

Bonjour,

De toute façon, faire du dynamique dans un js, c'est pas toptop, parce que ca veut dire qu'à chaque fois le serveur va réécrire le js...
(d'ailleurs, comment cela se passe-t-il, ya-t-il un "content-change" côté serveur qui indique au client qu'il faut recharger le js?

Donc il vaut mieux planquer tes variables dans le dom et les lire depuis le js. Ca fait déjà un problème de moins pour la syntaxe :aie:

Citation:

Une erreur s'est produite à la ligne: 198 dans le fichier jsp: /progachat/listeprogachat.jsp
Syntax error, insert "AssignmentOperator Expression" to complete Expression

Sauf erreur, c'est pas un problème de javascript :mouarf:. Edit : grilled
18/07/2011, 12h06
bilou69

Merci pour vos réponses j'apprends plein de chose ce matin !
je veux bien faire comme tu dis mais qu'est-ce que le DOM puis-je avoir un exemple parce que je suis perdu. Ou alors peux tu me conseiller un bon tuto stp ?

merci à tous
18/07/2011, 13h25
bilou69

Re,

n'y a-t-il pas une solution simple à mon pb.
Comment puis-je récupérer une variable java dans une fonction JS pour résumer c'est cela que je souhaiterai faire. A priori ce n'est pas très propre mais bon ...

Sinon Ajax serait peut-être la solution mais ça n'a pas l'air super simple qu'en pensez-vous ?

merci encore !

Biou
18/07/2011, 13h27
SpaceFrog

tu auras de toute façon exactement le même souci avec ajax, vu que ton langage serveur doit rediger la syntaxe correcte d'un array javascript ...
18/07/2011, 13h34
andry.aime

Citation:

Envoyé par SpaceFrog

si ... mais il faut juste que à cet endroit tu "rédiges" avec le langage serveur un array compréhensible pour js ...

le resultat devra ressembler à

Code:

var monTableau = new array('valeur1','valeur2','valuer3')

Il faut que tu crées une fonction java qui va sérialiser ton array pour avoir un String de la forme

Citation:

'valeur1','valeur2','valuer3'

A+.
18/07/2011, 14h09
gwinyam

Je crois que bilou69 n'a juste pas tout à fait saisi la distinction entre le serveur et le client.

Je vais essayer de faire au plus simple :

Java (côté serveur) va s'exécuter à chaque appel depuis un client (navigateur par exemple). Il va générer du code HTML qui sera envoyer par le serveur au client, c'est ce qu'on appelle la réponse. Dans ce code HTML, tu peux bien évidemment y fourrer du JS et du CSS même si c'est mal.

Si tu veux que JS puisse donc exploiter ton tableau Java, il faut que ce soit Java qui lui traduise ton tableau dans un format que JS comprend parce que lorsque JS s'exécutera, tu n'auras plus Java vu que tu seras sur le client et non plus sur le serveur.

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