Fichier .js dans JSP : problèmes !

Version imprimable

Bonjour !

Alors voilà, j'ai une structure d'application identique à celle-ci :

/Application
|___/JS
|_________monFichier1.js
|_________monFichier2.js
|
|___/WEB_INF
|_________web.xml
|_________/src
|______________servlet.java
|
|___index.jsp

Dans mon entête HTML, j'ai mis ce genre d'instruction :
Code:

1 2 <script type="text/javascript" src="<%=application.getContextPath() %>/js/prototype.js"></script>
Le problème est le suivant :
Si j'invoque directement ma JSP (localhost:8080:Application/index.jsp), aucun poblème, le javascript est inclue dans ma page et ses traitement sont fait.
Par contre, si je passe par ma servlet (localhost:8080:Application/),le javascript n'est plus intégré dans ma page et firebug me retourne moultes Erreurs Javascript ! 8O

Mapping dans le ficheir web.xml
Code:

1 2 3 4 5 6 7 8 9 10 <servlet> <servlet-class>Index</servlet-class> <servlet-name>StartPage</servlet-name> </servlet> <servlet-mapping> <servlet-name>StartPage</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping>
Avec cette seul ligne dans ma servlet :
Code:

1 2 request.getRequestDispatcher("index.jsp").forward(request, response);
Est-ce que quelqu'un a déjà eut eut problème ?
Ais-je oublié quelques choses ?

D'avance, merci.

NB :
Par contre, si je transforme mes fichiers .js en .js.jsp, ça fonctionne :aie:

24/06/2009, 09h31
Koffee

Mettre apache en frontal ne corrigerait-il pas le problème ?
À ce stade, je suis démunis... Je ne sais plus quoi faire :( .

Quelqu'un à déjà utiliser prototype ou un autre Framework Javascript sur une appli JEE ?
27/06/2009, 15h06
c_nvy

As-tu le même problème après avoir mis la servlet dans un package ?
27/06/2009, 16h03
Koffee

En fait, elle est déjà dans un package...
J'ai volontairement simplifié la structure dans l'ennoncé de mon soucis... :)

Voici la structure réelle :

http://www.6boy.info/developpez/Ex.jpg

Et voici l'entête de ma JSP :

http://www.6boy.info/developpez/Ex2.jpg

Avec les .js.jsp comme ci-dessus, ça fonctionne...
Mais dès que j'enlève les .jsp de mes fichiers Javascript, on dirait qu'ils sont ignorés. :cry:

D'avance, merci.
27/06/2009, 16h37
*alexandre*

Il ne te manquerait pas un welcome file qui fasse un forward sur une page dont l'extension est un .do (je dis ca comme ca, ca fait 6 ans que je travail sur d'autres technologies que struts)
27/06/2009, 16h37
c_nvy

Peux-tu poster le code html généré de la page jsp ?

@ *alexandre* :
Je n'utilise pas struts dans le cas présent...

Voici le code généré par Tomcat :

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
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
 
		<script type="text/javascript" src="/TP1/js/prototype.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/scriptaculous.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/builder.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/controls.js.jsp"></script>
 
		<script type="text/javascript" src="/TP1/js/effects.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/slider.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/sound.js.jsp"></script>
</head>
<body style="width:50%; margin:auto;">
	<h2 style="text-align:center;color:white;background-color:#787878">Bienvenue à la loterieZ !</h2>
 
	<div id="textIndex" style="display:block;">
		<p style="text-align:center;border:1px dashed black; padding:5px;background-color:#efefef;" >
 
			<span style="text-decoration:underline;font-style:italic;font-size:1.1em">
				Le but du jeu est simple :
			</span><br /> 
			Vous devez choisir 2 numéros différents dans les listes suivantes !<br />
			Ensuite, vous n'avez plus qu'à valider et voir si vous avez gagné...<br />
			Bonne chance. :)	
		</p>
 
		<form action="tirage.do" method="post" style="text-align:center">
 
			Numéro 1: <select name="number1">
 
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
 
<option value="10">10</option>
</select><br />
Numéro 2: <select name="number2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
 
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select><br />
 
			<br />
			<input type="submit" value="Valider" />
		</form>
 
	</div>
 
	<script type="text/javascript">
                new Effect.BlindDown('textIndex');
        </script>
 
</body>
</html>

Pour mémoire, voici le code de la Servlet en question :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
package com.sdz.control;
 
import java.io.IOException;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
public class Index extends HttpServlet {
 
	public void doGet(	HttpServletRequest request, 
						HttpServletResponse response)
						throws IOException, ServletException{
 
		request.getRequestDispatcher("index.jsp").forward(request, response);
 
	}	
}

Il y a un truc qui doit se passer lorsqu'on utilise une JSP via une servlet... Mais je ne vois pas quoi.
Si j'invoque directement la page JSP avec des .js standard, tout fonctionne, mais si je passe par le forward de la servlet, tout fout le camp... :?

As-tu le même problème si tu définis le mapping de la servlet comme ceci :
Code:

1 2 3 4 5 6 7 8 <servlet> <servlet-name>StartPage</servlet-name> <servlet-class>com.sdz.control.Index</servlet-class> </servlet> <servlet-mapping> <servlet-name>StartPage</servlet-name> <url-pattern>/index</url-pattern> </servlet-mapping>
et si tu invoques la servlet comme ceci :
http://localhost:8080/Application/index

28/06/2009, 21h34
Koffee

En effet, ça fonctionne comme ça...
Du coup, pourquoi ça ne fonctionnait pas en mappant mon chemin sur '/' dans le web.xml...

C'est louche cette histoire tu ne trouves pas ? :?
28/06/2009, 21h53
tchize_

Citation:

<script type="text/javascript" src="/TP1/js/prototype.js.jsp"></script>

Ce code généré m'a l'air correct. Es-tu sur que ton problème est que le JS n'es pas inclu? Qu'a tu à la place de généré si tu invoque directement le jsp?
29/06/2009, 06h41
Koffee

Le truc, c'est que ce n'est même pas des fichiers JS contenant du code Java...
C'est un framework d'effet (script.aculo.us).

Le problème, je pense, viens du fait que lorsque j'invoque directement mes JSP, genre : localhost:8080/TP1/index.jsp
Pas de soucis, les JS sont chargés.

Mais lorsque j'utilise une servlet mapper sur la racine (localhost:8080/TP1/)
Les JS ne se chargent plus, sauf en les renommant en .js.jsp et le problème semble disparaitre lorsque j'utilise un nom de mapping plus explicite comme me la conseillé c_nvy.

Je n'arrive pas à comprendre pourquoi il y a ce phénomène et comment le contourné...
J'aurais bien aimé pouvoir utiliser ce Framework Javascript et je ne m'attendais pas du tout à ce genre de réticence de la part de la plateforme JEE... :aie:
29/06/2009, 08h20
tchize_
Y a pas de raison que les .js ne se chargent pas avec le mapping que tu nous a donné. Il n'y a pas nécessité non pus de mettre .jsp derrière. Remet ton mapping d'origine, charge ta page "/" et dit nuos à la fois ce que tu vois dans les entete d'inclusion de ta page générée (là ou t'inclu les .js) et ce que ca donne quand tu charge à la main un de ces .js dans ce cas, est-ce que tu vois bien le contenu?

J'ai l'impression que t'avais fait ceci comme mapping
Code:

1 2 3 <servlet-name>StartPage</servlet-name> <url-pattern>/*</url-pattern> </servlet-mapping>
ce qui expliquerais que tes .js ne se chargeaient pas mais que les .jsp oui. En effet le mapping *.jsp avait priorité sur le mapping /*, mais tes .js ne correspondant qu'au mapping /*, ben au lieu de te servir tes .js i lte servait une nouvelle fois la servlet.

Je t'assure que je n'avais pas (et n'ai toujours pas) de /* dans le mapping !

J'ai retesté un truc et c'est très fort ! :aie:
Avec ce mapping :

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
 
<web-app>
 
	<servlet>
		<servlet-class>com.sdz.control.Index</servlet-class>
		<servlet-name>StartPage</servlet-name>
	</servlet>
 
	<servlet>
		<servlet-class>com.sdz.control.FormulaireAction</servlet-class>
		<servlet-name>FormAction</servlet-name>
	</servlet>
 
	<servlet-mapping>
		<servlet-name>StartPage</servlet-name>
		<url-pattern>/home</url-pattern>
	</servlet-mapping>
 
	<servlet-mapping>
		<servlet-name>FormAction</servlet-name>
		<url-pattern>*.do</url-pattern>
	</servlet-mapping>
 
</web-app>

À l'invocation de la page localhost:8080/TP1/home => Tout marche nickel
Par contre, si j'utilise ce mapping :

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
 
<web-app>
 
	<servlet>
		<servlet-class>com.sdz.control.Index</servlet-class>
		<servlet-name>StartPage</servlet-name>
	</servlet>
 
	<servlet>
		<servlet-class>com.sdz.control.FormulaireAction</servlet-class>
		<servlet-name>FormAction</servlet-name>
	</servlet>
 
	<servlet-mapping>
		<servlet-name>StartPage</servlet-name>
		<url-pattern>/home</url-pattern>
	</servlet-mapping>
 
 
	<servlet-mapping>
		<servlet-name>StartPage</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>
 
	<servlet-mapping>
		<servlet-name>FormAction</servlet-name>
		<url-pattern>*.do</url-pattern>
	</servlet-mapping>
 
 
</web-app>

Voici un screen de ma page :

http://www.6boy.info/developpez/debug.jpeg

Les .js sont ignorés et l'effet de la librairie script.aculo.us ne fonctionne pas... :?

29/06/2009, 18h06
tchize_
ok, trouvé :D

Dans les spéicfications servlet (ici servlets 2.5 section 11.2):
1. "une string commencant par / et finissant par /* est utilisée pour mapper un chemin"
2. "un string commencant par le préfix "*." est utilisée pour mapper une extension"
3. "un string contenant uniquement le caractère '/' indique la servlet par défaut, de l'application"
4. "toutes les autres strings indiquent une correspondance exacte"
T'es dans la cas 3, tu mappe tout ce qui est pas mappé ailleurs vers ta servlet par défaut. Le mieux pour toi est de mapper par exemple sur /home et de faire comme tout le monde, dire dans ton web-xml que la default page est "/home" :)
Code:

1 2 3 <welcome-file-list> <welcome-file>home</welcome-file> </welcome-file-list>
ainsi quand l'utilisateur tappera http://serveur/TP1, il sera redirigé vers http://serveur/TP1/home
29/06/2009, 20h05
Koffee

Tu es trop fort ! ! !

Merci beaucoup, ça venait effectivement de là !

Pfiou... Pas si simple JEE en fin de compte... :aie:

Merci aussi c_nvy !