Détecter IE et FF en JS
Résolu
kiyomasa
Messages postés
312
Date d'inscription
Statut
Membre
Dernière intervention
-
kiyomasa Messages postés 312 Date d'inscription Statut Membre Dernière intervention -
kiyomasa Messages postés 312 Date d'inscription Statut Membre Dernière intervention -
Bonjour Bonjour !
Alors je sais question déjà posé mais si je suis les tutaux, ça ne marche pas !! et je ne comprend pas.
Voilà ce dont j'ai besoin :
J'ai une CSS qui fonctionne très bien avec Safari et FireFox.
J'ai quelques Bugs en IE et j'ai une nouvelle feuille de style.
Il faut que le script détecte IE et amène sur sa feuille de style et si c'est un aute navigateur, l'autre feuille de style (j'en ai que 2).
Voilà ce que j'utilise, ca vient d'ici un vieux sujet qui traite de la même chose :
<script language="javascript">
<!--
//changement de code source si IE
if (window.navigator.appName == 'Microsoft Internet Explorer')
{
<link rel="stylesheet" href="calorieie.css" type="text/css" media="screen" />
}
else
{
<link rel="stylesheet" href="calorie.css" type="text/css" media="screen" />
}
-->
</script>
Et il n'affiche aucun CSS :(
je ne comprend pas, si quelqu'un peut m'aider ... je sur que y a pas grand chose .
Alors je sais question déjà posé mais si je suis les tutaux, ça ne marche pas !! et je ne comprend pas.
Voilà ce dont j'ai besoin :
J'ai une CSS qui fonctionne très bien avec Safari et FireFox.
J'ai quelques Bugs en IE et j'ai une nouvelle feuille de style.
Il faut que le script détecte IE et amène sur sa feuille de style et si c'est un aute navigateur, l'autre feuille de style (j'en ai que 2).
Voilà ce que j'utilise, ca vient d'ici un vieux sujet qui traite de la même chose :
<script language="javascript">
<!--
//changement de code source si IE
if (window.navigator.appName == 'Microsoft Internet Explorer')
{
<link rel="stylesheet" href="calorieie.css" type="text/css" media="screen" />
}
else
{
<link rel="stylesheet" href="calorie.css" type="text/css" media="screen" />
}
-->
</script>
Et il n'affiche aucun CSS :(
je ne comprend pas, si quelqu'un peut m'aider ... je sur que y a pas grand chose .
A voir également:
- Détecter IE et FF en JS
- Comment détecter un traceur sur téléphone - Accueil - Confidentialité
- Détecter clé usb - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Bill ie cork ✓ - Forum Consommation & Internet
- Détecter des billets dans une enveloppe - Forum Réseaux sociaux
6 réponses
Désolé, j'avais pas vu l'alerte 'nouveau message'.
L'érreur vient de là :
Il faut inverser tout ça pour que cela devienne :
L'érreur vient de là :
<!--> <![endif]--> <link rel="stylesheet" href="calorie.css" type="text/css" media="screen" /> <!--[if !IE]> <-->
Il faut inverser tout ça pour que cela devienne :
<!--[if !IE]> <--> <link rel="stylesheet" href="calorie.css" type="text/css" media="screen" /> <!--> <![endif]-->Matricule 18-38-4
Salut !
en gros, il te faut séparer IE et tous les autres ? Si c'est ça, nul besoin de JS : IE est tellement nul que microsoft a implementé ce que l'on nomme les commentaires conditionnel : en gros, ce sont des commentaires HTML pour tous les navigateurs, sauf pour IE !
On peut donc masquer du code à IE ou lui en donner (en particulier). On peut de ce fait faire un feuille de CSS pour IE et une pour tous les autres navigateurs. Ces commentaires conditionnels sont faire pour cela et sont parfaitement valides au niveau du W3C.
Voici plus d'informations : http://www.blog-and-blues.org/articles/Les_syntaxes_de_commentaires_conditionnels_pour_IE_Windows
C'est un peu difficile à comprendre, je sais, mais c'est vraiment un truc très très très utile.
Pour faire ce que tu veux (une feuille pour IE, une feuille CSS pour les autres), je propose ça :
ci dessous : la feuille masquée à IE.
Ceci ne marche que pour Internet Explorer. Il n'y a pas d'équivalents pour les autres navigateurs.
Le lien que je t'ai donné te montre aussi comment cibler par exemple IE7 en particulier ou IE8, etc.
bien sûr, ici les Commentaires conditionnels sont utilisés pour masquer/afficher une feuille CSS, mais on peut très bien les utiliser en plein milieu de la page (pour masque un paragraphe par exemple) !
bonne chance
en gros, il te faut séparer IE et tous les autres ? Si c'est ça, nul besoin de JS : IE est tellement nul que microsoft a implementé ce que l'on nomme les commentaires conditionnel : en gros, ce sont des commentaires HTML pour tous les navigateurs, sauf pour IE !
On peut donc masquer du code à IE ou lui en donner (en particulier). On peut de ce fait faire un feuille de CSS pour IE et une pour tous les autres navigateurs. Ces commentaires conditionnels sont faire pour cela et sont parfaitement valides au niveau du W3C.
Voici plus d'informations : http://www.blog-and-blues.org/articles/Les_syntaxes_de_commentaires_conditionnels_pour_IE_Windows
C'est un peu difficile à comprendre, je sais, mais c'est vraiment un truc très très très utile.
Pour faire ce que tu veux (une feuille pour IE, une feuille CSS pour les autres), je propose ça :
<!--[if IE]> <link rel="stylesheet" href="calorieie.css" type="text/css" media="screen" /> <![endif]-->Ci dessus : la feuille pour IE.
ci dessous : la feuille masquée à IE.
<!--> <![endif]--> <link rel="stylesheet" href="calorie.css" type="text/css" media="screen" /> <!--[if !IE]> <-->
Ceci ne marche que pour Internet Explorer. Il n'y a pas d'équivalents pour les autres navigateurs.
Le lien que je t'ai donné te montre aussi comment cibler par exemple IE7 en particulier ou IE8, etc.
bien sûr, ici les Commentaires conditionnels sont utilisés pour masquer/afficher une feuille CSS, mais on peut très bien les utiliser en plein milieu de la page (pour masque un paragraphe par exemple) !
bonne chance
Merci beaucoup pour ces tuyaux précieux !!
Je vais essayer de tester ça aujourd'hui et je te tiens au courant.
Je vais essayer de tester ça aujourd'hui et je te tiens au courant.
euh ...
j'ai un petit soucis.
j'ai mis ça dans le <head></head>:
<!--[if IE]>
<link rel="stylesheet" href="calorieie.css" type="text/css" media="screen" />
<![endif]-->
<!--> <![endif]-->
<link rel="stylesheet" href="calorie.css" type="text/css" media="screen" />
<!--[if !IE]> <-->
Sur FF et autre ca m'affiche tout correctement (avec calorie.css)
Par contre sur IE il ne m'affiche que ça :
<![endif]-->
le tout sur une page blanche, aucun texte, aucune image rien de rien.
J'ai du rater quelque chose mais quoi ?
j'ai un petit soucis.
j'ai mis ça dans le <head></head>:
<!--[if IE]>
<link rel="stylesheet" href="calorieie.css" type="text/css" media="screen" />
<![endif]-->
<!--> <![endif]-->
<link rel="stylesheet" href="calorie.css" type="text/css" media="screen" />
<!--[if !IE]> <-->
Sur FF et autre ca m'affiche tout correctement (avec calorie.css)
Par contre sur IE il ne m'affiche que ça :
<![endif]-->
le tout sur une page blanche, aucun texte, aucune image rien de rien.
J'ai du rater quelque chose mais quoi ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question