Appelé un CSS avec du JavaScript

Résolu
Bonjour,

Peut on appelé un CSS avec du JavaScript avec un truc du genre,
merci d'avance...

<head>
<script type="text/javascript" language="JavaScript">
Nom_Browser = navigator.appName;
Version_Browser = navigator.appVersion;
// Affichage des caracteristiques
if (Nom_Browser = Netscape)
{
link href="css/FF3.css" rel="stylesheet" type="text/css"
}
</script>
</head>
Configuration: Windows XP
Firefox 3.5.3

19 réponses

  1. Pour relier ta page html avec du CSS, t'a une ligne de code à mettre dans le head:

    <link href="nom de la feuille de style" rel="stylesheet" type="text/css" />

    c'est tout. Je crois pas que soit du java d'ailleurs ;)
    1. Bonjour,

      Effectivement non.
      "<link href="nom de la feuille de style" rel="stylesheet" type="text/css" />", ça c'est du bon gros html.
      1. Pour lier ton fichier css à ta page html, tu n'as pas besoin de passer par du javascript, nanméo.
        JQuery ne serre pas à ça. Il y a toute la doc dans le lien que j'ai mis au message n°1. Mais, si tu veux d'autres exemples, alors, tu peux aller là.
        1. je pense utilisé du javascript pour faire un test de navigateur, pour évite de créer plusieurs foi la même page .html

          si test = IE
          alors IE.css
          sinon
          FF.css

          Si il existe un solution plus judicieuse je suis preneur les amis !
      2. si test = IE
        alors IE.css
        sinon
        FF.css


        Keskecékecékoiça ?

        Tu veux faire comme "test de navigateur" ?

        En fait, si j'ai bien compris, tu souhaites pouvoir savoir quel navigateur utilise ton visiteur, pour pouvoir indiquer à ce navigateur quel fichier.css il doit choisir ?
        1. oui c bien sa
      3. Es-tu sur que ce soit nécessaire ?
        Il ne suffit souvent que de spécifier deux trois choses à IE, sans pour autant refaire un css tout neuf.
        1. Tu peux peut-être utiliser ce genre de chose :
          <!--[if IE]>
          <link href="/_/site.newFR.ie.css" rel="Stylesheet" type="text/css" />
          <![endif]-->
          1. <?php
            //Les navigateurs

            if ((ereg("Nav", getenv("HTTP_USER_AGENT"))) || (ereg("Gold", getenv(
            "HTTP_USER_AGENT"))) ||
            (ereg("X11", getenv("HTTP_USER_AGENT"))) || (ereg("Mozilla", getenv(
            "HTTP_USER_AGENT"))) ||
            (ereg("Netscape", getenv("HTTP_USER_AGENT")))
            AND (!ereg("MSIE", getenv("HTTP_USER_AGENT"))) AND (!ereg("Konqueror", getenv(
            "HTTP_USER_AGENT"))))
            $navigateur = "Netscape";
            elseif (ereg("Opera", getenv("HTTP_USER_AGENT")))
            $navigateur = "Opera";
            elseif (ereg("MSIE", getenv("HTTP_USER_AGENT")))
            $navigateur = "MSIE";
            elseif (ereg("Lynx", getenv("HTTP_USER_AGENT")))
            $navigateur = "Lynx";
            elseif (ereg("WebTV", getenv("HTTP_USER_AGENT")))
            $navigateur = "WebTV";
            elseif (ereg("Konqueror", getenv("HTTP_USER_AGENT")))
            $navigateur = "Konqueror";
            elseif ((eregi("bot", getenv("HTTP_USER_AGENT"))) || (ereg("Google", getenv(
            "HTTP_USER_AGENT"))) ||
            (ereg("Slurp", getenv("HTTP_USER_AGENT"))) || (ereg("Scooter", getenv(
            "HTTP_USER_AGENT"))) ||
            (eregi("Spider", getenv("HTTP_USER_AGENT"))) || (eregi("Infoseek", getenv(
            "HTTP_USER_AGENT"))))
            $navigateur = "Bot";
            else
            $navigateur = "Autre";

            if ($navigateur=="MSIE") echo '<link href="/_/site.newFR.ie.css" rel="Stylesheet" type="text/css" />
            ';

            ?>
            1. le code PHP me donne sa sur plusieur ligne

              Deprecated: Function ereg() is deprecated in C:\wamp\www\navigateur\index.php
              1. Plus simple:

                <?php
                if (ereg("MSIE 6", $_SERVER["HTTP_USER_AGENT"])) {
                echo '<link href="/_/site.newFR.ie.css" rel="Stylesheet" type="text/css" /> ';
                }
                ?>
                1. voila se que sa recrache une foi encor

                  Deprecated: Function ereg() is deprecated in C:\wamp\www\navigateur\index.php on line 2
              2. Essaie avec @ereg() !!
                Tu utilises quelle version de php ?
                1. avec se code il affiche plus d'erreur mé ne charge pas le css
                  j'utilise php 5.3.0

                  html>
                  <head>
                  <?php
                  if (@ereg("MSIE 6", $_SERVER["HTTP_USER_AGENT"])) {
                  echo '<link href="css/IE7.css" rel="Stylesheet" type="text/css" /> ';

                  }
                  ?>

                  </head>
                  <body>
                  </body>
                  <html>
              3. ok alors

                Page index.php

                <html>
                <head>
                <?php
                if (@ereg("MSIE 6", $_SERVER["HTTP_USER_AGENT"]))
                {
                echo '<link href="css/IE6.css" rel="Stylesheet" type="text/css" /> ';
                }
                ?>
                </head>
                <body>
                </body>
                <html>

                le CSS IE6.css dans mon dossier CSS

                body
                {
                background-color:#fc2cd3
                }
                1. ça marche nikel chez moi !!!
                  Pour vérifier ss IE6 clique affichage --> source et tu trouveras:
                  <html>
                  <head>
                  <link href="css/IE6.css" rel="Stylesheet" type="text/css" />
                  </head>
                  <body>
                  </body>
                  </html>
                  1. la sa marche et je ces pas pourquoi car jais rien changer.

                    en tout cas merci a toi gu-guss