Discussion :

[cmail]

Sauf erreur de ma part, quand je charge l'api GeoportalExtended.js, il y a trois fichiers .css qui se chargent:

1. /default/style.css
2. /default/google.css
3. /geoportal/style.css

Comme ils ne sont pas optimisés, je souhaite les concaténer, y adjoindre éventuellement mes modifs sur le style de l'api, minifier le tout et attribuer à ce nouveau fichier monStyle.css une date expire.

Mais comment faire pour que ce fichier monStyle.css soit le seul pris en compte par l'api?
Cela se passe-t-il dans autoconf et où?

[gcebelieu]

Le chargement des CSS ne dépend pas de l'autoconf. Cela se passe dans la méthode loadCSS du viewer associé. Par exemple, la classe mère Geoportal.Viewer a la méthode suivants :

Code :

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

1
2
3
4
5
6
7
    loadTheme: function() {
        Geoportal.Util.loadCSS(Geoportal._getScriptLocation()+'theme/geoportal/style.css','__GeoportalCss__','');
        if (OpenLayers.Util.alphaHack()) {
            Geoportal.Util.loadCSS(OpenLayers._getScriptLocation()+'theme/geoportal/ie6-style.css','__IE6GeoportalCss__','');
        }
    },

Si tu veux forcer le chargement de tes CSS à la place, le mieux est d'écraser cette fonction en appelant loadCSS() avec un chemin vers tes fichiers CSS.
Tu peux écraser cette fonction par surcharge si tu définis ton propre viewer (+ propre programmatiquement parlant) ou simplement en redéfinissant le code de la fonction qui écrasera celui de de l'API.

[cmail]

Mais avant tout, sur le principe, y vois-tu d'éventuels problèmes sur cette manière de faire?

Quant au code dans un premier temps (la surcharge du prototype viendra plus tard!) je devrais écrire un truc du genre en cas de chargement sans loader :

Code :

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

1
2
 loadTheme: function() {        Geoportal.Util.loadCSS('../css/MONstyleMinifié.css','__GeoportalCss__','');
        // Et je laisse tomber le cas IE6!    },

et avec un loader :

Code :

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

1
2
theme: {
				styles: [{css: '../css/MONstyleMinifié.css'}]},

Non?