[JSF - CSS - JS] Chargement des css et js depuis un jar

**domimotep** · 30/03/2007, 17h36

Bonjour,

Je suis en train d'intégrer JSF à mes nouveaux projets. Tout ceci se passe très bien et je dois avouer être très enthousiaste vis à vis de cette nouvelle techo.

Mon problème est simple mais je ne trouve pas la moindre info dessus. J'essaie tout simplement de mettre mes javascript et css dans un jar. Ceci afin de mutualiser mes ressouces au maximum entre mes différents projets. Je pourrais laisser tout cela dans un répertoire et y accéder classiquement mais come on travaille à plusieurs sur plusieurs projets, j'aimerai tout regrouper et un jar me semble approprié (MyFaces semble en faire autant).

Je pensais pouvoir m'en sortir avec le code suivant mais que dalle

Code au sein de ma jsp:

Code :

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

1
2
3
4
5
6
7
 
<head>
  <link rel="stylesheet" href="<%= getClass().getClassLoader().getResource("caam/sits/gp/commons/web/css/gp-style.css").getPath() %>" type="text/css"/>
  <link rel="stylesheet" href="<%= getClass().getClassLoader().getResource("caam/sits/gp/commons/web/css/jscookmenu/theme/blue/theme.css").getPath() %>" type="text/css"/>
  <script language="javascript" src="<%= getClass().getClassLoader().getResource("caam/sits/gp/commons/web/css/jscookmenu/theme/blue/theme.js").getPath() %>"/>
  <script language="javascript" src="<%= getClass().getClassLoader().getResource("caam/sits/gp/commons/web/js/tools.js").getPath() %>"/>
</head>

Code html généré:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<head>
<script type="text/javascript" src="/sigp/faces/extensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11752644/navmenu.jscookmenu.HtmlJSCookMenuRenderer/JSCookMenu.js"><!--
 
//--></script>
<script type="text/javascript" src="/sigp/faces/extensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11752644/navmenu.jscookmenu.HtmlJSCookMenuRenderer/MyFacesHack.js"><!--
 
//--></script>
<link rel="stylesheet" href="css/jscookmenu/ThemeBlue/theme.css" type="text/css" />
  <link rel="stylesheet" href="file:/C:/TeamGP/Workspace/MesProjets/sigpV2/application/web/WEB-INF/lib/commons-gp.jar!/caam/sits/gp/commons/web/css/gp-style.css" type="text/css"/>
  <link rel="stylesheet" href="file:/C:/TeamGP/Workspace/MesProjets/sigpV2/application/web/WEB-INF/lib/commons-gp.jar!/caam/sits/gp/commons/web/css/jscookmenu/theme/blue/theme.css" type="text/css"/>
  <script language="javascript" src="file:/C:/TeamGP/Workspace/MesProjets/sigpV2/application/web/WEB-INF/lib/commons-gp.jar!/caam/sits/gp/commons/web/css/jscookmenu/theme/blue/theme.js"/>
  <script language="javascript" src="file:/C:/TeamGP/Workspace/MesProjets/sigpV2/application/web/WEB-INF/lib/commons-gp.jar!/caam/sits/gp/commons/web/js/tools.js"/>
</head>

Et évidément ma page n'a pas le moindre style d'appliqué.

Merci d'avance de votre aide.

**domimotep** · 30/03/2007, 18h40

Je ne l'ai pas précisé mais j'utilise Tomcat et Java 5.0

Il semble que pour tout ce qui est JSF, il y ai un mapping spécial dans le web.xml.

Code :

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

1
2
3
4
5
6
7
8
9
 
		<description> Change the url-pattern from the ExtensionsFilter Default is
			"/faces/myFacesExtensionResource" Note: The filter-mapping for
			ExtensionsFilter, the url-pattern is this value + "/*", else there comes a
			exception
			</description>
			<param-name>org.apache.myfaces.RESOURCE_VIRTUAL_PATH</param-name>
			<param-value>/faces/extensionResource</param-value>
		</context-param>

J'ai regardé les sources et il semble que l'objet contienne les méthode permettant de faire celà. La différence est le but, ici la présence d'un composant va engendrer l'ajout des javascript et css nécessaire à son bon fonctionnement. Maintenant il me faut trouver comment ils font.

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
 
org.apache.myfaces.component.html.util.StreamingAddResource{
 
...
 
    /**
     * Adds the given Javascript resource to the document header at the specified
     * document positioy by supplying a resourcehandler instance.
     * <p>
     * Use this method to have full control about building the reference url
     * to identify the resource and to customize how the resource is
     * written to the response. In most cases, however, one of the convenience
     * methods on this class can be used without requiring a custom ResourceHandler
     * to be provided.
     * <p>
     * If the script has already been referenced, it's added only once.
     * <p>
     * Note that this method <i>queues</i> the javascript for insertion, and that
     * the script is inserted into the buffered response by the ExtensionsFilter
     * after the page is complete.
     */
    public void addJavaScriptAtPosition(FacesContext context, ResourcePosition position,
                                        ResourceHandler resourceHandler)
    {
        addJavaScriptAtPosition(context, position, resourceHandler, false);
    }
 
...
 
    /**
     * Adds the given Style Sheet at the specified document position.
     * If the style sheet has already been referenced, it's added only once.
     */
    public void addStyleSheet(FacesContext context, ResourcePosition position,
                              Class myfacesCustomComponent, String resourceName)
    {
        addStyleSheet(context, position, new MyFacesResourceHandler(myfacesCustomComponent,
                resourceName));
    }
 
...
 
}

[JSF - CSS - JS] Chargement des css et js depuis un jar

JSF Java

Discussions similaires

Partager

Partager