IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

afficher une balise div en fonction de ie ou de firefox


Sujet :

HTML

  1. #1
    Membre habitué
    Inscrit en
    Février 2006
    Messages
    656
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 656
    Points : 194
    Points
    194
    Par défaut afficher une balise div en fonction de ie ou de firefox
    Bonjour à tous,
    Je developpe un site que j'ai optimisé pour mozilla firefox et en 1er page du site j'ai une petit balise qui dit qu'il vaut mieux utiliser firefox du genre :

    <div id="info">veuillez utiliser plutot firefox</div>

    Est il possible d'afficher cette balise sur ie mais pas sur mozilla ?

    Merci de vos aides

  2. #2
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    La jambe de bois habituelle dans ce genre de situation consiste à tester l'existence d'une fonction ou d'une propriété reconnue par IE seulement, ou non-reconnu par IE seulement... ^^

    par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    if (document.all)
    {
    // code pour IE
    }
    else
    {
    // code pour autres navigateurs
    }
    mais c'est mal

    J'espere que d'autres m'aideront à répondre mieux, mais il me semble que la manière propre serait de tester document.implementation. Pour savoir si le navigateur a bien le DOM niv2, ça donnerait :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    if (document.implementation.hasFeature("Core","2.0"))
    {
    // code nécessitant ce niveau de DOM
    }
    mais cette deuxième façon de faire implique que l'on sache deux choses :
    - de quelles fonctionnalités notre code a-t-il besoin ?
    - quel niveau de DOM est fourni par quelle version de quel navigateur ? ()

    ...pour les linguistes et les curieux >>> générateur de phrases aléatoires

    __________________

  3. #3
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 487
    Points : 5 134
    Points
    5 134
    Par défaut
    Tu utilises PHP ? Suffit de détecter le navigateur
    -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
    Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
    Pensez également à cocher

    Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.

    Dimension Internet

  4. #4
    Membre habitué
    Inscrit en
    Février 2006
    Messages
    656
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 656
    Points : 194
    Points
    194
    Par défaut
    Citation Envoyé par blueice Voir le message
    Tu utilises PHP ? Suffit de détecter le navigateur
    Oui j'utilise PHP mais je ne sais pas comment detecter le navigateur, un indice chef ?

  5. #5
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 487
    Points : 5 134
    Points
    5 134
    -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
    Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
    Pensez également à cocher

    Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.

    Dimension Internet

  6. #6
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    j'utiliserais plus du javascript pour cela non?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <SCRIPT LANGUAGE="JavaScript">
    <!--
     
    Nom_Browser = navigator.appName;
    Version_Browser = navigator.appVersion;
     
    if ( Nom_Browser == "Netscape" )
    {
    document.getElementById('tadiv').style.visibility = 'hidden';
    }
     
     
    // -->
    </SCRIPT>
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  7. #7
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 487
    Points : 5 134
    Points
    5 134
    Par défaut
    Et si JS est désactivé
    -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
    Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
    Pensez également à cocher

    Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.

    Dimension Internet

  8. #8
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Ben pendant que l'on y est dans les propositions, pourquoi ne pas le faire avec les commentaires conditionnels HTML ??

    Sachant qu'on est dans le forum HTML

  9. #9
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    l'intérêt de passer par DOMImplementation, c'est que ça permet d'éviter une gestion au cas par cas de tous les navigateurs, mais surtout des versions de ces navigateurs.
    Car en effet IE5, IE6 ou IE7 (par exemple mais c'est vrai aussi des autres navigateurs) ne vont pas du tout se comporter de la même manière vis-à-vis du DOM, et ça peut être un casse-tête...

    edit pour Kerod : ah tiens oui c'est vrai ça ^^ hum... mais il faut dire que la question nous a attiré vers le terrain du javascript (et même du php ^^)

    ...pour les linguistes et les curieux >>> générateur de phrases aléatoires

    __________________

  10. #10
    Membre habitué
    Inscrit en
    Février 2006
    Messages
    656
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 656
    Points : 194
    Points
    194
    Par défaut
    Voila se que j'ai tapé et cela ne fonctionne pas :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <SCRIPT LANGUAGE="JavaScript">
    <!--
     
    Nom_Browser = navigator.appName;
    Version_Browser = navigator.appVersion;
     
    if ( Nom_Browser == "Mozilla Firefox" )
    {
    document.getElementById('optimal').style.visibility = 'hidden';
    }
     
     
    // -->
    </SCRIPT>
    La classe de ma div étant optimal

    Merci encore

  11. #11
    Expert confirmé
    Avatar de Thes32
    Homme Profil pro
    Développeur PHP, .Net, T-SQL
    Inscrit en
    Décembre 2006
    Messages
    2 379
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur PHP, .Net, T-SQL

    Informations forums :
    Inscription : Décembre 2006
    Messages : 2 379
    Points : 4 853
    Points
    4 853
    Par défaut
    salut,

    Ton script peut pas marcher, la valeur donner par Firefox dans navigator.appName est Nestcape et non Mozilla Firefox comme tu le fais dans ton script;

    Jette plutôt un oeil dans la faq javascript http://javascript.developpez.com/faq...vig#navigateur
    Développeur | Zend Certified Engineer

    Étapes Pour mieux se servir du forum:
    1. Commencez par lire les cours et tutoriels ;
    2. Faites une recherche;
    3. Faites un post si rien trouvé dans les deux étapes précédentes en respectant les règles;

    Nix>_Rien n'est plus pratique que la théorie

  12. #12
    Membre émérite Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Points : 2 589
    Points
    2 589
    Par défaut
    Je n'aurais personnellement pas opté pour le Javascript...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  13. #13
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par Kerod Voir le message
    Ben pendant que l'on y est dans les propositions, pourquoi ne pas le faire avec les commentaires conditionnels HTML ??

    Sachant qu'on est dans le forum HTML
    Ca te conviens pas ? Parce que c'est quand même la solution idéale dans ton cas...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <!--[if IE]>
    <div>Vous feriez mieux d'utiliser <a href="http://www.mozilla-europe.org/fr/firefox/">Firefox</a></div>
    <![endif]-->
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  14. #14
    Expert confirmé
    Avatar de Thes32
    Homme Profil pro
    Développeur PHP, .Net, T-SQL
    Inscrit en
    Décembre 2006
    Messages
    2 379
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur PHP, .Net, T-SQL

    Informations forums :
    Inscription : Décembre 2006
    Messages : 2 379
    Points : 4 853
    Points
    4 853
    Par défaut
    Ca te conviens pas ? Parce que c'est quand même la solution idéale dans ton cas...
    Tout à fait c'est plus simple !
    Développeur | Zend Certified Engineer

    Étapes Pour mieux se servir du forum:
    1. Commencez par lire les cours et tutoriels ;
    2. Faites une recherche;
    3. Faites un post si rien trouvé dans les deux étapes précédentes en respectant les règles;

    Nix>_Rien n'est plus pratique que la théorie

  15. #15
    Membre habitué
    Inscrit en
    Février 2006
    Messages
    656
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 656
    Points : 194
    Points
    194
    Par défaut
    Je suis toujours autant perdu, je pourrais avoir des précisions svp ?

  16. #16
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    A quel sujet ?

  17. #17
    Expert confirmé
    Avatar de Thes32
    Homme Profil pro
    Développeur PHP, .Net, T-SQL
    Inscrit en
    Décembre 2006
    Messages
    2 379
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur PHP, .Net, T-SQL

    Informations forums :
    Inscription : Décembre 2006
    Messages : 2 379
    Points : 4 853
    Points
    4 853
    Par défaut
    Bovino t'as posté le code à placer

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <!--[if IE]>
    <div>Vous feriez mieux d'utiliser <a href="http://www.mozilla-europe.org/fr/firefox/">Firefox</a></div>
    <![endif]-->
    Tu le vois pas ?
    Développeur | Zend Certified Engineer

    Étapes Pour mieux se servir du forum:
    1. Commencez par lire les cours et tutoriels ;
    2. Faites une recherche;
    3. Faites un post si rien trouvé dans les deux étapes précédentes en respectant les règles;

    Nix>_Rien n'est plus pratique que la théorie

  18. #18
    Membre habitué
    Inscrit en
    Février 2006
    Messages
    656
    Détails du profil
    Informations forums :
    Inscription : Février 2006
    Messages : 656
    Points : 194
    Points
    194
    Par défaut
    Citation Envoyé par thes32 Voir le message
    Bovino t'as posté le code à placer

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <!--[if IE]>
    <div>Vous feriez mieux d'utiliser <a href="http://www.mozilla-europe.org/fr/firefox/">Firefox</a></div>
    <![endif]-->
    Tu le vois pas ?
    Merci beaucoup je n'avais pas vu

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. afficher une balise div lors d'un clic sur un lien
    Par jules_diedhiou dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 27/06/2011, 10h16
  2. Afficher une balise div suivant un test
    Par philippef dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/10/2010, 08h09
  3. Modification du contenu d'une balise div en fonction de la sélection
    Par temperature dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/11/2007, 11h47
  4. [iframe] Afficher une balise div à partir d'une autre frame
    Par bouchette63 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/10/2006, 11h01
  5. hauteur d une balise div en fonction de la résolution
    Par echecetmat dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/01/2005, 10h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo