IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Inclure une feuille CSS dans un fichier JS


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de NeraOne
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    218
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 218
    Par défaut Inclure une feuille CSS dans un fichier JS
    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 :
    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

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    a toi de décompser l'url de la page vistée pour une conserver que la partie souhaitée ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé Avatar de NeraOne
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    218
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 218
    Par défaut
    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 !

  4. #4
    Membre éclairé Avatar de NeraOne
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    218
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 218
    Par défaut
    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... !

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    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 ???
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    J'imagine que tous tes fichiers CSS sont au même endroit, dans ce cas, autant passer par une URL absolue
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 4
    Dernier message: 05/11/2014, 11h12
  2. Trouver une ligne CSS dans un fichier généré en PHP
    Par keokaz dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 17/12/2013, 15h11
  3. utilisation @font-face{} dans une feuille CSS
    Par bigjeef dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/10/2007, 23h25
  4. Redondance dans une feuille CSS
    Par smh_master dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 07/02/2007, 16h59
  5. Réponses: 1
    Dernier message: 08/05/2006, 15h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo