Discussion :

[momongana]

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

[Invité]

Bonjour,

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

[Sparky95]

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.

[momongana]

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

[Invité]

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;

[NoSmoking]

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.

[abdennour bouaicha]

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.