Forums Développement Multimédia

Aller au contenu

CSS Alternative

CODE HTML CSS

5 réponses à ce sujet

#1 flashomme

    Ceinture Jaune

  • Members
  • PipPip
  • 24 messages

Posté 14 January 2012 - 09:23 AM

Bonjour à tous !!

Voilà mon problème, je cherche depuis quelque jours une solution pour avoir une feuille de style pour un navigateur en particulier.

Nous savons tous que les problèmes de compatibilité du design de nos de sites sur les différents navigateur sont fréquents.

J'ai eu pour réponse que les commentaires conditionnels <!--[if IE]> , sauf que apparemment sa fonctionne que pour les IE - Internet Explorer.

Ce que je voudrais c'est pouvoir selon le navigateur ( firefox, chrome, opéra ou safari ), que le site adapte le css en chargeant la feuille de style approprié !! :?:
Vous voyez ce que je veux dire ??

Un genre de " si c'est du safari , charger le fichier safari_style.css " ou " si c'est du firefox charger firefox_style.css", voilà c'est a peu près ce que j'ai besoin, si possible avec une installation simple car je suis tombé sur ce genre de solution mais avec des installation compliqué du genre à rien comprendre.

Merci, beaucoup !

#2 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 14 January 2012 - 14:40 PM

Salut,

Avec le userAgent, tu devrais avoir ce qu'il te faut



        <script type="text/javascript">
                alert( navigator.userAgent ) ;
        </script>

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#3 flashomme

    Ceinture Jaune

  • Members
  • PipPip
  • 24 messages

Posté 14 January 2012 - 15:10 PM

Voir le messagedcz.switcher, le 14 January 2012 - 14:40 PM, dit :

Salut,

Avec le userAgent, tu devrais avoir ce qu'il te faut



        <script type="text/javascript">
                alert( navigator.userAgent ) ;
        </script>

Alors je veux bien utiliser le UserAgent mais comment dois-je mis prendre avec ce code de javascript et le css ?
Parce que je suppose qu'il ne suffit pas de copier ce bout de code dans le HTML pour que sa fonctionne par miracle !^^ :lol:

Merci,

#4 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 14 January 2012 - 15:33 PM

Citation

comment dois-je mis prendre avec ce code de javascript et le css



Plusieurs manières de faire, en JS ou en PHP


voici un article qui devrait t'aider :
http://www.css-facil...alternatifs.php
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#5 flashomme

    Ceinture Jaune

  • Members
  • PipPip
  • 24 messages

Posté 14 January 2012 - 16:25 PM

Voir le messagedcz.switcher, le 14 January 2012 - 15:33 PM, dit :




Plusieurs manières de faire, en JS ou en PHP


voici un article qui devrait t'aider :
http://www.css-facil...alternatifs.php

Génial, il me semblait déjà avoir vu ce site il y'a longtemps!
donc si je comprend bien, dans son exemple en imaginant que l'on opère pour Firefox, il détermine la couleur de fond du body en fonction du navigateur avec ce genre de code :

if(navigator.userAgent.indexOf("Firefox") >= 0)
  {
    document.writeln('<style type="text/css">');
    document.writeln("body { color:brown }");
    document.writeln('</style>');
  }
 
Pour appeler une feuille de style en fonction du navigateur, on remplace les 3 ligne
document.writeln('<style type="text/css">');
    document.writeln("body { color:brown }");
    document.writeln('</style>');
par

document.writeln('<link href="firefox_style.css" media="all" rel="stylesheet" type="text/css" />');

C'est bien comme celà qu'il faut procéder ???
Et encore une question pour mieux comprendre, dans ce ( :jesors: a trop ce focaliser sur du javascript, j'ai oublier mon lait sur le feu ! :shock: ), donc je disais dans cette ligne de code :
if(navigator.userAgent.indexOf("Firefox") >= 0)
Que signifie ">= 0" ? Est-ce que sa a un rapport a la version du navigateur !

Merci, je sais je pose beaucoup de questions ! :Hola:

#6 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 14 January 2012 - 19:57 PM

Salut,

La méthode indexOf() retourne la position d'une chaîne et -1 si elle n'est pas trouvée

http://www.w3schools...ref_indexof.asp

La version du navigateur se trouve par la propriété appVersion de l'objet navigator

http://www.w3schools..._appversion.asp
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)