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 :

Cacher un div suivant le navigateur


Sujet :

HTML

  1. #1
    Nouveau membre du Club
    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
    Invité
    Invité(e)
    Bonjour,

    depuis quand on met des balises <style> DANS des balises <script> ?

  3. #3
    Membre actif
    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
    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
    Invité
    Invité(e)
    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;

  6. #6
    Modérateur

    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.

  7. #7
    Membre régulier
    met ce code :
    Code :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <script type="text/javascript">
        var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
        if(is_chrome){
        document.write('<style>#cache{display:none!important;}</style>');
        }
    </script>

    chez ça fonctionne le div est affiché en firefox et il s'est disparu depuis chrome.