Conditionnel inclure des CSS

Est-il une manière que je peux utiliser Javascript pour inclure un fichier CSS que si le cadre supérieur de l'URL contient la chaîne "facebook.com"?

Court pseudo-code:

if top.frame.url.contains("facebook.com"):
   include("style-facebook.css");
InformationsquelleAutor Joel | 2011-02-04
  1. 23

    Rapidement un document.écrire à base de solution serait:

    <script type="text/javascript">
    if (/facebook\.com/.test(window.top.location.host)) {
        document.write('<link  type="text/css" href="stylefacebook.css" />');
    }
</script>

    Ou en utilisant le dom:

    <script type="text/javascript">
    if (/facebook\.com/.test(window.top.location.host)) {
        var lnk = document.createElement('link');
        lnk.type='text/css';
        lnk.href='stylefacebook.css';
        lnk.rel='stylesheet';
        document.getElementsByTagName('head')[0].appendChild(lnk);
    }
</script>

    Ou avec jquery:

    <script type="text/javascript">
    if (/facebook\.com/.test(window.top.location.host)) {
        $('head:first').append('<link  type="text/css" href="stylefacebook.css" />');
    }
</script>
    • :first vraiment?
    • juste au cas où (-:
    • Chose bizarre, mais il semble qu'à l'intérieur d'un facebook app ("apps.facebook.com/myapp") de la fenêtre.haut.emplacement.hôte renvoie undefined :/
    • mon travail était de comparer la fenêtre.haut.emplacement avec fenêtre.emplacement
    InformationsquelleAutor Arnaud Le Blanc
  2. 2
    <script type="text/javascript">
//<![CDATA[
if ("condition is satisfied") {
    if (document.createStyleSheet) {
        document.createStyleSheet('http://server/style-facebook.css');
    } else {
        var styles = "@import url(' http://server/style-facebook.css ');";
        var newSS = document.createElement('link');
        newSS.rel = 'stylesheet';
        newSS.href = 'data:text/css,' + escape(styles);
        document.getElementsByTagName("head")[0].appendChild(newSS);
    }
}
//]]>
</script>
    InformationsquelleAutor naveen