Discussion :

[geforce]

Bonjour;

Puis-je utiliser EL pour des fichiers CSS externes avec JSF?

Dans les documents xhtml JSF, je pourrais utiliser des expressions comme $ {EL} request.contextPath mais comment peut-on utilisé une EL de traitement appliqué aux fichiers CSS? comment sa peu être interprété ?

Exemple de quelque chose pas lions de ça :

Code :

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

 background: url('#{facesContext.externalContext.requestContextPath}/resources/images/background.gif');

ps: ça fonctionne pas.

[fxrobin]

ceci devrait fonctionner dans ton code CSS :

Code :

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

background: url('#{resource['images:backgound.gif']});

Attention, le code CSS doit être "servi" par un h:outputStylesheet dans une balise h:head, sinon les EL JSF présentes dans le CSS ne seront pas résolues par JSF. Je pense d'ailleurs que c'est la raison pour laquelle ton exemple ne fonctionne pas (il devrait).


sinon, inspiré de ton exemple, et qui marche aussi et qui est plus simple que ton exemple (même si je préfère la première façon présentée plus,haut)

Code :

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

background: url('#{request.contextPath}/resources/images/background.gif');

Montre comment tu déclares ton fichier CSS dans ton entête, s'il te plait.

[geforce]

ceci devrait fonctionner dans ton code CSS :

Code :

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

background: url('#{resource['images:backgound.gif']});

Attention, le code CSS doit être "servi" par un h:outputStylesheet dans une balise h:head, sinon les EL JSF présentes dans le CSS ne seront pas résolues par JSF. Je pense d'ailleurs que c'est la raison pour laquelle ton exemple ne fonctionne pas (il devrait).


sinon, inspiré de ton exemple, et qui marche aussi et qui est plus simple que ton exemple (même si je préfère la première façon présentée plus,haut)

Code :

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

background: url('#{request.contextPath}/resources/images/background.gif');

Montre comment tu déclares ton fichier CSS dans ton entête, s'il te plait.

comme ça:

Code :

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

1
2
        <h:head>
            <link href="#{resource['css:style.css']}" rel="stylesheet" type="text/css" /></h:head>

[fxrobin]

tu devrais faire à la place :

Code :

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

<h:outputStylesheet library="css" name="style.css"  />