Fichier JS externe non reconnu

Version imprimable

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

25/10/2010, 10h49
Gonzo_09

Fichier JS externe non reconnu

Bonjour,

Dans ma JSP j'utilise des fonctions JS que j'ai codé moi-même.
Au début, pensant que le code de ces fonctions ne prendrait pas beaucoup de place, je l'avais placé entre les balise <head></head>. Cela fonctionnait parfaitement.
Finalement ce code prend la moitié du fichier donc je pense qu'il faudrait que je le mette dans un fichier à part.
Le problème c'est que ça ne fonctionne pas.
J'ai mis ce bout de code :

Code:

<script type="text/javascript" src="function.js"></script>

Je précise que mon fichier "functions.js" se trouve dans le même dossier que mes JSP.
Si je recherche ce fichier avec firebug il ne le trouve pas.

Pourquoi mon fichier .js n'est-il pas "trouvé" par ma JSP?
Dois-je appeler mes fonctions différemment?

Après de nombreuses recherches seul ou avec des collègues je pense faire les choses comme il le faut, je dois avoir louper quelque chose mais je ne vois pas quoi.

Merci d'avance pour votre aide.

PS: je ne suis pas un grand habitué des forums donc si je fais mal les choses n'hésitez pas à me le dire. Pareillement si vous avez besoin d'informations supplémentaires.
25/10/2010, 11h01
SpaceFrog

le fichier js doit etre dans le même rep que ton fichier html le chemin étant relatif.
de plus ce n'est pas jsp qui doit trouver le fichier, mais le navigateur du client
25/10/2010, 11h57
Gonzo_09

Justement, mon fichier se trouve bien dans le même répertoire que ma JSP qui l'appelle!
25/10/2010, 11h59
SpaceFrog

jsp coté serveur ...

est tu sur de la casse ?
25/10/2010, 12h02
RomainVALERI

Citation:

Envoyé par Gonzo_09

Je précise que mon fichier "functions.js" se trouve dans le même dossier que mes JSP.

La page d'accueil est-elle aussi dans le même rep ? (index.jsp ou quelque chose comme ça)

Citation:

Envoyé par Gonzo_09

PS: je ne suis pas un grand habitué des forums donc si je fais mal les choses n'hésitez pas à me le dire. Pareillement si vous avez besoin d'informations supplémentaires.

Non non c'est nickel, ton message est clair, bienvenue à toi ;)

Citation:

Envoyé par RomainVALERI

Non non c'est nickel, ton message est clair, bienvenue à toi ;)

Merci ;)

Toutes mes JSP ainsi que mon fichier functions.jsp sont dans le même répertoire.

Si vous êtes attentif vous avez du remarquer que j'ai écrit "functions.jsp" avec un "s" alors que sur mon bout de code c'était écrit comme ça :

Code:

<script type="text/javascript" src="function.js"></script>

J'ai bien cru un moment que j'allais sortir honteux de mon premier sujet sur les forums de Developpez :?
Mais en fait l'erreur est du a une utilisation intensive du ctrl+z.:roll:
Je vous rassure donc j'ai bien écrit la bonne orthographe, j'ai bien testé un million de fois (en exagérant un petit peu quand même) et ça ne fonctionne pas.

Est-ce-que ça peut venir d'une balise mal fermée? Je dis parce que chrome me donne cette erreur : "Uncaught SyntaxError : Unexpected token < "
Code:

1 2 3 4 5 6 7 8 9 10 <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1" import="java.util.TreeMap,java.util.Map.Entry,"%> <!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></title> <script type="text/javascript" src="functions.js"></script> </head>
Je ne vois pas d'erreur de balisage. Je vais vérifier tout mon fichier pour voir s'il y en a.

En tout cas je vous remercie pour votre réactivité !

25/10/2010, 13h16
SpaceFrog

functions.jsp != functions.js
25/10/2010, 13h23
Gonzo_09

Oui oui pardon je me suis trompé en l'écrivant. C'est bien functions.js le nom de mon fichier.

Est-ce que je dois modifier mon fichier web.xml?
25/10/2010, 13h25
SpaceFrog

ton fichier js, y'a des balises script dedans ?
25/10/2010, 13h32
Gonzo_09

Non j'ai directement mis les fonctions sans balise puisqu'il s'agit d'un fichier javascript. J'ai eu tort?
25/10/2010, 13h44
SpaceFrog

non ...
c'est bien la bonne manière de procéder.
Je cherche juste une cause possible.
à part une erreur sur le nom de fichier ou sur le path je ne vois pas pourquoi ton fichier js ne serait pas accessible
25/10/2010, 14h04
Gonzo_09

Alors on est deux :lol:
Chose bizarre : avec Eclipse je peux parvenir au fichier functions.js en appuyant sur ctrl et en cliquant sur le nom du fichier dans ma jsp.
Ça veut donc dire qu'Eclipse reconnait la syntaxe.

En ce qui concerne le path j'ai bien tout vérifié, ils sont bien dans le même dossier. J'ai essayé avec :

Code:

<script type="text/javascript" src="../functions.js"></script>

mais même résultat.

Est-ce-que ça peut venir du fait qu'il y ait une erreur dans mes fonctions? Ce n'est normalement pas le cas puisque quand je défini mes fonctions dans ma jsp tout fonctionne parfaitement.
25/10/2010, 14h13
BaBeuH

Salut,

Dans ton application, utilises-tu des servlet ou un quelconque framework java ?

Si c'est le cas, le chemin pour accéder aux jsp est "en général" interprêté par le serveur, ce qui peux amener par exemple à ce que tes jsp soient dans un répertoire, ex: "machin/bidule/mapage.jsp" or l'url appelée peut tout à fait être différente "http://monserveur/truc/".

Ce qui fait que le client, lorsqu'il reçoit la réponse (et donc les url vers les différentes resources, images, css, js...etc), le client va les chercher à l'url "http://monserveur/truc/monjavascript.js"... et le fichier est donc introuvable...

Une bonne pratique: Les différentes resources sont en général dans un répertoire différent des jsp.

Personnellement, j'ai un répertoire "resources" à la racine de la webapp dans lequel je mets différents dossiers (img,js,css) avec les fichiers correspondants.

A+
25/10/2010, 14h36
Gonzo_09

Oui c'est exactement ça. C'est une application Java web (chose nouvelle pour moi) et j'utilise donc des servlets.
Je travaille en local avec un serveur Apache et un conteneur Tomcat.

Si j'ai bien compris, mon fichier functions.js est dans un certain repertoire sur mon serveur mais l'url d'appel ne correspond pas au path du fichier.
Comment y remédier?
J'ai essayé :

Code:

<script type="text/javascript" src="<%=request.getContextPath() %>/functions.js"></script>

mais sans grand résultat.

En tout cas je te remercie car je sens que j'approche de la solution.
Et merci pour la bonne pratique, j'en prend bonne note. Mon but parallèle est de programmer le plus proprement possible.

Dans ta webapp, tu dois avoir un répertoire "racine" (c'est celui qui contient le répertoire WEB-INF), l'idéal est donc de créer un répertoire "resources".
Code:

1 2 3 4 5 6 7 8 9 10 11 12 Contenu du répertoire "racine" de ta webapp : /repertoire_framework/... /resources /css /general.css /menu.css /js /function.js /img /logo.jpg /WEB-INF
Ainsi, lorsque tu voudras faire appel à une resource "statique", tu pourras utiliser le code suivant :

Code:

<link rel="stylesheet" href="<%= request.getContextPath() %>/resources/css/general.css" />

Code:

<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/functions.js"></script>

Ce qui donnera comme réponse pour le client :

Code:

<link rel="stylesheet" href="/ma_webapp/resources/css/general.css" />

Code:

<script type="text/javascript" src="/ma_webapp/resources/js/functions.js"></script>

Le client pourras donc atteindre correctement les fichiers spécifiés, tout cela indépendamment des jsp et des servlets...

A+

25/10/2010, 15h43
gwyohm

Bonjour,

Citation:

Envoyé par Gonzo_09

Je travaille en local avec un serveur Apache et un conteneur Tomcat.

Ton serveur apache est branché sur le serveur d'application via le module mod_jk. Dans la configuration de mod_jk, quelle sont les resources renvoyées à tomcat ? (il se pourrait que les resources js ne soient pas renvoyées à tomcat et tentent donc d'être fournies para apache. auquel cas 2 solutions :
1/ faire en sorte que les requetes sur des fichiers JS renvoient sur tomcat
2/ configurer apache pour que la racine du site pointe sur la racine de ta webapp (attention au contexte)
Pour tester avant de te lancer la dedans, attaque directement tomcat en précisant le port (par défaut tomcat btourne sur 8080)
25/10/2010, 17h12
Gonzo_09

@BaBeuh
Si je résume, j'ai cette arborescence pour mon fichier "functions.js" :

Code:

Tomcat 6.0\wtpwebapps\Loterie\resources\js\functions.js

et celle-ci pour mon fichier "index.jsp" :

Code:

Tomcat 6.0\wtpwebapps\Loterie\index.jsp

Donc j'ai écrit :

Code:

<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/functions.js"></script>

et j'obtiens sur mon client :

Code:

<script type="text/javascript" src="/Loterie/resources/js/functions.js"></script>

ce qui match avec mon arborescence, pourtant ça ne fonctionne pas.

@gwyohm
Là je t'avoue avoir atteint la limite de mes connaissances en JEE :?
"Dans la configuration de mod_jk, quelle sont les resources renvoyées à tomcat ?"
Comment accéder à la conf de mod_jk?

"Pour tester avant de te lancer la dedans, attaque directement tomcat en précisant le port (par défaut tomcat btourne sur 8080)"
J'ai toujours lancée mon appli en précisant le port de cette manière : "localhost:8080/Loterie/" si c'est bien de ça dont tu parles...
25/10/2010, 17h17
SpaceFrog

Code:

src="Loterie/resources/

ou

Code:

src="../Loterie/resources/
25/10/2010, 17h37
BaBeuH

Qu'obtiens-tu quand tu tapes l'url complète dans ton navigateur, un truc du genre :

Code:

http://localhost:8080/Loterie/resources/js/function.js

?
26/10/2010, 09h23
gwyohm

Citation:

Envoyé par Gonzo_09

J'ai toujours lancée mon appli en précisant le port de cette manière : "localhost:8080/Loterie/" si c'est bien de ça dont tu parles...

Alors tu ne passes pas par apache du tout...

La dernière question de BaBeuH est très pertinente ; si cette URL ne te renvoie rien, c'est probablement la configuration de la webapp qui pose problème ; mais là on sort du domaine javascript...

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