SELFHTML

Forum SELFHTML: Archives:
choisir une css selon un navigateur

Page d'information: vue d'ensemble
vers le bas 

(JAVASCRIPT) choisir une css selon un navigateur

Le message suivant est de: pawlow, 22. 02. 2005, 21:22

Bonjour à tous,

je cherche à mettre au point un script pour charger une css en fontion du navigateur du visiteur. Pour l'instant j'ai ça, qui marche avec Safari et Firefox sous Mac, mais pas avec Internet Explorer sous Mac.

<script language="JavaScript" type="text/javaScript">
<!--
if ((navigator.appVersion.indexOf("Win") != -1)
 && (navigator.appName.indexOf("Explorer") >= 0)) {
document.write("<LINK REL=\"stylesheet\" HREF=\"winIE.css \" TYPE=\"text/ css \">"); }
else if ((navigator.appVersion.indexOf("Win") != -1)
 && (navigator.appName.indexOf("Mozilla") >= 0)) {
document.write("<LINK REL=\"stylesheet\" HREF=\"winMOZ.css \" TYPE=\"text/ css \">"); }
else if ((navigator.appVersion.indexOf("Mac") != -1)
 && (navigator.appName.indexOf("Explorer") >= 0)) {
document.write("<LINK REL=\"stylesheet\" HREF=\"macIE.css \" TYPE=\"text/ css \">"); }
else if ((navigator.appVersion.indexOf("Mac") != -1)
 && (navigator.userAgent.indexOf("Firefox") >= 0)) {
document.write("<LINK REL=\"stylesheet\" HREF=\"macMOZ.css \" TYPE=\"text/ css \">"); }
else {
document.write("<LINK REL=\"stylesheet\" HREF=\"macV.css \" TYPE=\"text/ css \">"); }
// -->
</script>

Quelqu'un a-t-il une idée ?

Merci.


 
vers le hautvers le bas 

(JAVASCRIPT) choisir une css selon un navigateur

Le message suivant est de: Patrick Andrieu, 23. 02. 2005, 12:03
http://actuel.fr.selfhtml.org/equipe/patrick.htm

Bonjour!


»» qui marche pas avec Internet Explorer sous Mac.

»» else if ((navigator.appVersion.indexOf("Mac") != -1)
»»  && (navigator.appName.indexOf("Explorer") >= 0)) {
»» document.write("<LINK REL=\"stylesheet\" HREF=\"macIE.css \" TYPE=\"text/ css \">"); }


Au premier coup d'oeil, pas d'erreur, mais as tu fait sortir navigator.appVersion et navigator.appName (dans un alert par exemple), pour voir si les chaînes de caractères sont bien comprises?

Une solution JavaScript a l'inconvénient, que ceusses qui ont désactivé JavaScript ne seront pas aiguillés. Tu peux faire ton aiguillage directement dans tes CSS, soit dans la façon de les incorporer, soit avec des mentions que tel ou tel autre navigateur ne connaissent pas et donc ignoreront. Voir le chapitre de SELFHTML sur les CSS à ce sujet.



Meilleures salutations de Francfort sur le Main,
Patrick


 

vers le hautvers le bas 

(JAVASCRIPT) choisir une css selon un navigateur

Le message suivant est de: Patrick Andrieu, 02. 03. 2005, 09:35
http://actuel.fr.selfhtml.org/equipe/patrick.htm

Rebonjour!

»» Tu peux faire ton aiguillage directement dans tes CSS, soit dans la façon de les incorporer, soit avec des mentions que tel ou tel autre navigateur ne connaissent pas et donc ignoreront.

Nous avons depuis aujourd'hui un article spécialisé (traduit) de Roland Skop traitant du sujet. Article très bien écrit et très bien expliqué:

http://actuel.fr.selfhtml.org/articles/css/aiguillage_navi/index.htm


Meilleures salutations de Francfort sur le Main,
Patrick


 


vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org