Appelé un CSS avec du JavaScript

Résolu/Fermé
pupuce - 12 oct. 2009 à 10:31
gu-guss Messages postés 70 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 15 octobre 2009 - 12 oct. 2009 à 18:53
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>

19 réponses

aze866 Messages postés 575 Date d'inscription jeudi 17 septembre 2009 Statut Membre Dernière intervention 14 décembre 2009 31
12 oct. 2009 à 10:35
Bonjour,

Il existe des librairies pour cela, je pense notamment à JQuery.
0
kiyomasa Messages postés 312 Date d'inscription mercredi 23 septembre 2009 Statut Membre Dernière intervention 12 mai 2016 5
12 oct. 2009 à 10:36
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 ;)
0
aze866 Messages postés 575 Date d'inscription jeudi 17 septembre 2009 Statut Membre Dernière intervention 14 décembre 2009 31
12 oct. 2009 à 10:40
Bonjour,

Effectivement non.
"<link href="nom de la feuille de style" rel="stylesheet" type="text/css" />", ça c'est du bon gros html.
0
alors si je veux le faire avec JQuery sa va ressemblé a quoi ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
aze866 Messages postés 575 Date d'inscription jeudi 17 septembre 2009 Statut Membre Dernière intervention 14 décembre 2009 31
12 oct. 2009 à 10:48
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 .
0
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 !
0
aze866 Messages postés 575 Date d'inscription jeudi 17 septembre 2009 Statut Membre Dernière intervention 14 décembre 2009 31
12 oct. 2009 à 13:52
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 ?
0
oui c bien sa
0
aze866 Messages postés 575 Date d'inscription jeudi 17 septembre 2009 Statut Membre Dernière intervention 14 décembre 2009 31
12 oct. 2009 à 14:02
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.
0
a quoi pense tu ?
0
gu-guss Messages postés 70 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 15 octobre 2009 1
12 oct. 2009 à 14:17
Essaie le en php !!! c'est meiuuux
0
aze866 Messages postés 575 Date d'inscription jeudi 17 septembre 2009 Statut Membre Dernière intervention 14 décembre 2009 31
12 oct. 2009 à 14:20
Tu peux peut-être utiliser ce genre de chose :
<!--[if IE]>
<link href="/_/site.newFR.ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->
0
gu-guss Messages postés 70 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 15 octobre 2009 1
12 oct. 2009 à 14:24
<?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" />
';

?>
0
le code PHP me donne sa sur plusieur ligne

Deprecated: Function ereg() is deprecated in C:\wamp\www\navigateur\index.php
0
gu-guss Messages postés 70 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 15 octobre 2009 1
12 oct. 2009 à 16:46
Plus simple:

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

Deprecated: Function ereg() is deprecated in C:\wamp\www\navigateur\index.php on line 2
0
gu-guss Messages postés 70 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 15 octobre 2009 1
12 oct. 2009 à 17:18
Essaie avec @ereg() !!
Tu utilises quelle version de php ?
0
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>
0
gu-guss Messages postés 70 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 15 octobre 2009 1
12 oct. 2009 à 18:35
Envoie le code entier de ta page !!
0
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
}
0
gu-guss Messages postés 70 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 15 octobre 2009 1
12 oct. 2009 à 18:46
ç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>
0
la sa marche et je ces pas pourquoi car jais rien changer.

en tout cas merci a toi gu-guss
0
gu-guss Messages postés 70 Date d'inscription vendredi 25 juillet 2008 Statut Membre Dernière intervention 15 octobre 2009 1
12 oct. 2009 à 18:53
No problème !!! hhh
N'oublie pas de mettre résolu
0