Fichier JS externe non reconnu

**Gonzo_09** · 25/10/2010, 10h49

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 :

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

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

**SpaceFrog** · 25/10/2010, 11h01

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

**Gonzo_09** · 25/10/2010, 11h57

Justement, mon fichier se trouve bien dans le même répertoire que ma JSP qui l'appelle!

**SpaceFrog** · 25/10/2010, 11h59

jsp coté serveur ...

est tu sur de la casse ?

**RomainVALERI** · 25/10/2010, 12h02

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)

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

**Gonzo_09** · 25/10/2010, 13h14

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 :

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

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

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

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

**SpaceFrog** · 25/10/2010, 13h16

functions.jsp != functions.js

**Gonzo_09** · 25/10/2010, 13h23

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?

**SpaceFrog** · 25/10/2010, 13h25

ton fichier js, y'a des balises script dedans ?

**Gonzo_09** · 25/10/2010, 13h32

Non j'ai directement mis les fonctions sans balise puisqu'il s'agit d'un fichier javascript. J'ai eu tort?

**SpaceFrog** · 25/10/2010, 13h44

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

**Gonzo_09** · 25/10/2010, 14h04

Alors on est deux

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 :

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

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

**BaBeuH** · 25/10/2010, 14h13

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+

**Gonzo_09** · 25/10/2010, 14h36

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 :

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

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

**BaBeuH** · 25/10/2010, 15h33

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 :

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

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 :

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

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

Code :

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

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

Ce qui donnera comme réponse pour le client :

Code :

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

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

Code :

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

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

**gwyohm** · 25/10/2010, 15h43

Bonjour,

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)

**Gonzo_09** · 25/10/2010, 17h12

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

Code :

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

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

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

Code :

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

Tomcat 6.0\wtpwebapps\Loterie\index.jsp

Donc j'ai écrit :

Code :

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

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

et j'obtiens sur mon client :

Code :

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

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

**SpaceFrog** · 25/10/2010, 17h17

Code :

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

src="Loterie/resources/

ou

Code :

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

src="../Loterie/resources/

**BaBeuH** · 25/10/2010, 17h37

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

Code :

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

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

?

**gwyohm** · 26/10/2010, 09h23

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

Fichier JS externe non reconnu

JavaScript

Discussions similaires

Partager

Partager