Appelé un CSS avec du JavaScript

Résolu
pupuce -  
gu-guss Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   - 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

Réponse 1 / 19
aze866 Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   31
 
Bonjour,

Il existe des librairies pour cela, je pense notamment à JQuery.
0
Réponse 2 / 19
kiyomasa Messages postés 312 Date d'inscription   Statut Membre Dernière intervention   5
 
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
Réponse 3 / 19
aze866 Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   31
 
Bonjour,

Effectivement non.
"<link href="nom de la feuille de style" rel="stylesheet" type="text/css" />", ça c'est du bon gros html.
0
Réponse 4 / 19
pupuce
 
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
Réponse 5 / 19
aze866 Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   31
 
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à.
0
pupuce
 
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
Réponse 6 / 19
aze866 Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   31
 
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
pupuce
 
oui c bien sa
0
Réponse 7 / 19
aze866 Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   31
 
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
Réponse 8 / 19
pupuce
 
a quoi pense tu ?
0
Réponse 9 / 19
gu-guss Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   1
 
Essaie le en php !!! c'est meiuuux
0
Réponse 10 / 19
aze866 Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   31
 
Tu peux peut-être utiliser ce genre de chose : 
<!--[if IE]>
<link href="/_/site.newFR.ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->
0
Réponse 11 / 19
gu-guss Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   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" />
';

?>
0
Réponse 12 / 19
pupuce
 
le code PHP me donne sa sur plusieur ligne

Deprecated: Function ereg() is deprecated in C:\wamp\www\navigateur\index.php
0
Réponse 13 / 19
gu-guss Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   1
 
Plus simple:

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

Deprecated: Function ereg() is deprecated in C:\wamp\www\navigateur\index.php on line 2
0
Réponse 14 / 19
gu-guss Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   1
 
Essaie avec @ereg() !!
Tu utilises quelle version de php ?
0
pupuce
 
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
Réponse 15 / 19
gu-guss Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   1
 
Envoie le code entier de ta page !!
0
Réponse 16 / 19
pupuce
 
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
Réponse 17 / 19
gu-guss Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   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>
0
Réponse 18 / 19
pupuce
 
la sa marche et je ces pas pourquoi car jais rien changer.

en tout cas merci a toi gu-guss
0
Réponse 19 / 19
gu-guss Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   1
 
No problème !!! hhh
N'oublie pas de mettre résolu
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Prix d'un appel locale = gratuit ?
madmax09 -
Pseudo -

5 réponses
ALEXIA A BESOIN D'AIDE
ALEX -
espion3004 -

7 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
Prix d'un appel local
Vesper-and-i -
Manon38 -

3 réponses