Discussion :

[NeraOne]

Bonjour à tous !

Je chercher à inclure une feuille CSS depuis un fichier JS. Je fait cela car la feuille CSS dépend de paramètres côté client, donc c'est de la post-inclusion mais cela fonctionne, voici mon code :

Code :

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

1
2
3
4
5
6
var headID = document.getElementsByTagName("head")[0];         
var cssNode = document.createElement("link");
cssNode.type = "text/css";
cssNode.rel = "stylesheet";
cssNode.href = path + "/css/style.css";
headID.appendChild(cssNode);

La variable "path" est envoyé depuis le serveur et la récupération fonctionne correctement, j'en ai fait la vérification.
Le problème c'est que le "href" qu'il me créer est composé de : URL visitée + path + "/css/style.css". Et forcément suivant l'URL visitée ça ne fonctionne pas toujours... Quand je suis dans la Home : OK, mais quand je navigue et que je suis dans des dossiers, forcément l'URL complète de la CSS n'est plus valide.

En bref si j'écris dans mon code :

Code :

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

cssNode.href = "";

le lien qu'il me met n'est pas vide mais correspond à l'URL visitée... Et moi je voudrais pouvoir paramétrer moi même l'intégralité de ce lien... Je ne sais pas comment faire...

Quelqu'un saurait comment faire cela ?

Antoine

[SpaceFrog]

a toi de décompser l'url de la page vistée pour une conserver que la partie souhaitée ...

[NeraOne]

Ben oui, c'est que je me suis dis, pas de problème, mais je peux pas définir quelques chose en dur dans cette variable, puisqu'il va toujours me rajouté l'url visitée au début de la variable...
Il le fait après j'imagine...

Je fais un petit test, je post desuite !

[NeraOne]

Mettons je fait ça :

Code :

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

1
2
3
4
cssNode.href = ""; //Pour récupérer l'URL visitée
var foo = cssNode.href;
foo = "localhost/";
cssNode.href = foo + path + "/css/style.css";

Je fait une alert en suivant de cssNode.href, et elle est égale à :
URL visitée + contenu de foo + contenu de path + "/css/style.css"

Donc j'ai pas moyen d'assigner entiérement moi même ce href... Enfin je sais pas comment du moins... !

[SpaceFrog]

Code :

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

1
2
var foo = cssNode.href;
foo = "localhost/";

ça sert à quoi ?

je n'ai pas encore compris ce qui e gène ...

tu veux quoi dans ton href ???

[Bovino]

J'imagine que tous tes fichiers CSS sont au même endroit, dans ce cas, autant passer par une URL absolue