Utilisation d'un tableau java dans une fonction JS

**bilou69** · 18/07/2011, 11h03

Bonjour,

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

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

Code :

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

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

**RomainVALERI** · 18/07/2011, 11h05

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

**bilou69** · 18/07/2011, 11h11

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

le voici :

Code :

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

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 !

**SpaceFrog** · 18/07/2011, 11h13

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

**bilou69** · 18/07/2011, 11h20

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 :

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

**SpaceFrog** · 18/07/2011, 11h21

tu devrais avoir ta réponse non ?

Code :

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

var tab = new array (1 objet(s) Fiche programme d'achat)

**bilou69** · 18/07/2011, 11h29

Ok donc mon tableau contient un objet.

dans ma fonction displayTab() j'ai mis :

Code :

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

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?

**SpaceFrog** · 18/07/2011, 11h31

Ok donc mon tableau contient un objet.

non !!!!
il n'est pas déclaré correctement !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

**RomainVALERI** · 18/07/2011, 11h32

Envoyé par bilou69

Ok donc mon tableau contient un objet.

Non, il ne contient qu'une erreur de syntaxe

**bilou69** · 18/07/2011, 11h39

la déclaration d'un tableau en javascript c'est bien

Code :

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

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?

**bilou69** · 18/07/2011, 11h43

alors pourriez-vous svp m'indiquer la bonne syntaxe ?

**SpaceFrog** · 18/07/2011, 11h45

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 :

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

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

**bilou69** · 18/07/2011, 11h53

qd je mets

Code :

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

<%tab;%

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

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

**SpaceFrog** · 18/07/2011, 11h57

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

Invité · 18/07/2011, 12h00

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

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

. Edit : grilled

**bilou69** · 18/07/2011, 12h06

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

**bilou69** · 18/07/2011, 13h25

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

**SpaceFrog** · 18/07/2011, 13h27

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

**andry.aime** · 18/07/2011, 13h34

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 :

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

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

'valeur1','valeur2','valuer3'

A+.

**gwinyam** · 18/07/2011, 14h09

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.

Utilisation d'un tableau java dans une fonction JS

JavaScript

Discussions similaires

Partager

Partager