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>
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
-
-
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 ;) -
Bonjour,
Effectivement non.
"<link href="nom de la feuille de style" rel="stylesheet" type="text/css" />", ça c'est du bon gros html. -
alors si je veux le faire avec JQuery sa va ressemblé a quoi ?
-
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à. -
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 ? -
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. -
a quoi pense tu ?
-
Essaie le en php !!! c'est meiuuux
-
Tu peux peut-être utiliser ce genre de chose :
<!--[if IE]> <link href="/_/site.newFR.ie.css" rel="Stylesheet" type="text/css" /> <![endif]-->
-
<?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" />
';
?> -
le code PHP me donne sa sur plusieur ligne
Deprecated: Function ereg() is deprecated in C:\wamp\www\navigateur\index.php -
Plus simple:
<?php
if (ereg("MSIE 6", $_SERVER["HTTP_USER_AGENT"])) {
echo '<link href="/_/site.newFR.ie.css" rel="Stylesheet" type="text/css" /> ';
}
?> -
Essaie avec @ereg() !!
Tu utilises quelle version de php ? -
Envoie le code entier de ta page !!
-
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
} -
ç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> -
la sa marche et je ces pas pourquoi car jais rien changer.
en tout cas merci a toi gu-guss -
No problème !!! hhh
N'oublie pas de mettre résolu
