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

Discussion :

Cacher un div suivant le navigateur


Sujet :

HTML

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    mars 2005
    Messages
    44
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : France, Alpes de Haute Provence (Provence Alpes Côte d'Azur)

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

    Informations forums :
    Inscription : mars 2005
    Messages : 44
    Points : 29
    Points
    29
    Par défaut Cacher un div suivant le navigateur
    Bonjour,
    J'aimerais que suivant si c'est edge qui s'ouvre ou chrome un div se cache. Voici mon code :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    <p>
    <script>
            <!--[if lt chrome]>
            <style>
              #cache {
              display:none;
              }
              </style>
            <![endif]-->
    </script>
    </p>
    <p>
    <div class="centre">
        <video width="760px" height="auto" controls="controls" preload="auto" poster="https://www.reine-du-sud.fr/Videos/PosterEdith.jpg">
        <source src="https://www.reine-du-sud.fr/Videos/ReineDuSud2.mp4" type="video/mp4">
        <source src="https://www.reine-du-sud.fr/Videos/ReineDuSud2.webm" type="video/webm">
         Votre navigateur est obsolète... Veuillez le mettre à jour.
        </video>
    </div>
    </p>
         <br>
         <br>
         <p>
    <div id="cache">                       
         <hr>                  
         <p class="centre text1"><span style="font-size: 16px; color: #22FB0E; ">Sous Chrome, cliquez sur les 3 points de la vidéo pour la télécharger !</span><br></p>
         <hr>
    </div>
    </p>
    ... Et ça ne fonctionne pas !
    Pouvez-vous me conseiller ?
    Dans le cas, présent je voudrais cacher le div sous edge...
    D'avance, merci
    Cordialement

  2. #2
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    15 359
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 15 359
    Points : 31 351
    Points
    31 351
    Par défaut
    Bonjour,

    depuis quand on met des balises <style> DANS des balises <script> ?
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  3. #3
    Membre actif
    Avatar de Sparky95
    Homme Profil pro
    Étudiant
    Inscrit en
    décembre 2016
    Messages
    216
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 23
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : décembre 2016
    Messages : 216
    Points : 230
    Points
    230
    Par défaut
    Salut,
    Écoute le plus simple et le plus rapide eu été de faire une recherche toi même
    • Get browser info php
    • Get browser info js


    tapes ça sur Google après si t'as vraiment encore besoin d'aide, faudra vraiment apprendre à faire des recherches.
    Maintenant si jamais c'est le cas, reviens quand même je t'aiderai.

  4. #4
    Nouveau membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    mars 2005
    Messages
    44
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : France, Alpes de Haute Provence (Provence Alpes Côte d'Azur)

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

    Informations forums :
    Inscription : mars 2005
    Messages : 44
    Points : 29
    Points
    29
    Par défaut Connaitre le navigateur du visiteur
    Bonjour,
    J'ai bien noté le dernier message de Sparky 95... Je suis allé voir les liens... mais avec mes 75 ans et toute l'envie de comprendre, je ne vois pas ou insérer les codes pris sur le net.
    Si d'aprés le code mis dans mon message, vous pourriez me dire comment insérer le code des liens dans mon code... Ce serait hyper sympa.
    D'avance, merci
    En somme, il me faudrait un code qui si c'est Chrome, je puisse afficher une Div et si c'est Edge, il me la cache...
    Cordialement

  5. #5
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    15 359
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 15 359
    Points : 31 351
    Points
    31 351
    Par défaut
    Bonjour,

    Trouvé ici :

    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    // Opera 8.0+
    var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
     
    // Firefox 1.0+
    var isFirefox = typeof InstallTrigger !== 'undefined';
     
    // Safari 3.0+ "[object HTMLElementConstructor]" 
    var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && safari.pushNotification));
     
    // Internet Explorer 6-11
    var isIE = /*@cc_on!@*/false || !!document.documentMode;
     
    // Edge 20+
    var isEdge = !isIE && !!window.StyleMedia;
     
    // Chrome 1 - 71
    var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
     
    // Blink engine detection
    var isBlink = (isChrome || isOpera) && !!window.CSS;
     
     
    var output = 'Detecting browsers by ducktyping:<hr>';
    output += 'isFirefox: ' + isFirefox + '<br>';
    output += 'isChrome: ' + isChrome + '<br>';
    output += 'isSafari: ' + isSafari + '<br>';
    output += 'isOpera: ' + isOpera + '<br>';
    output += 'isIE: ' + isIE + '<br>';
    output += 'isEdge: ' + isEdge + '<br>';
    output += 'isBlink: ' + isBlink + '<br>';
    document.body.innerHTML = output;
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    13 753
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 13 753
    Points : 33 400
    Points
    33 400
    Par défaut
    Bonjour,
    la bonne question serait « mais pourquoi faire cela ? ».

    Si c'est un problème de rendu autant essayer de le résoudre cela n'en sera que plus pérenne, d'autant que ce passera t-il lorsque Edge changera son moteur de rendu ?

    Nota : si tu n'as vraiment aucune autre possibilité, essaye avec un test simple sur window.StyleMedia, reconnue/définie actuellement par IE et Edge.

Discussions similaires

  1. Cacher Div suivant bouton radio
    Par romain54500 dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 15/02/2015, 21h30
  2. Afficher/cacher un lien suivant le navigateur
    Par Larger dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 20/05/2009, 13h26
  3. probleme menu et css suivant les navigateurs...
    Par emile13 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 27/01/2006, 04h04
  4. [CSS]Aligner les div suivant la résolutation d'écran
    Par nebule dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 09/09/2005, 11h00
  5. Afficher, cacher plusieurs divs
    Par Buku dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 18/03/2005, 10h28

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