J'ai ceci pour voir si l'utilisateur est sur ios

if (navigator.userAgent.match(/Mac OS X/i)) {

        }

Mais comment puis-je cacher ça

<div style="text-align: center;"><a href="http://db.tt/b6ecH2Dh" id="down"><img src="img/download.gif"/></div>

Si ce n'est pas sur un appareil iOS?

2
lewis denny 12 déc. 2011 à 14:37

5 réponses

Meilleure réponse

Je ne connais pas la logique derrière cela mais j'espère que cela fonctionnera pour vous avec jquery:

$('div').parent('#down').css({'display':'none'});

J'espère que cela fonctionnera ..

1
jogesh_pi 12 déc. 2011 à 10:45

Définir un identifiant pour la balise DIV:

<div id="someid" style="text-align: center;"><a href="http://db.tt/b6ecH2Dh" id="down"><img src="img/download.gif"/></div>

Et en JS:

document.getElementById("someid").style.visibility = "hidden";

(Modifié, ponité)

2
Arfeen 12 déc. 2011 à 10:52

Si vous souhaitez le masquer complètement, essayez ceci:

<?php if(!preg_match("/(Mac OS X)/i",$_SERVER['HTTP_USER_AGENT'])){ ?>
        <div>Content to hide from Mac OS X users</div>
<?php } ?>
0
Chris Bush 12 déc. 2011 à 11:00

Ou utilisez ceci:

http://detectmobilebrowsers.mobi/

Avec cela, vous pouvez par exemple ajouter une classe speclial à la balise et l'utiliser pour d'autres porpus.

0
McOffsky 12 déc. 2011 à 10:57

Définissez la propriété css display sur none

document.getElementById("someid").style.display = "none"

Il fonctionne mieux que la propriété visibility car il supprime complètement l'élément du rendu tandis que visibility le rend simplement transparent mais l'élément prend toujours de la place sur votre page

Si vous utilisez jquery c'est encore plus simple:

$('#someid').hide()
// or
$('#someid').css({'display': 'none'})

De plus, avec jquery, vous pouvez l'envelopper dans un crochet onload ultra facile:

$(document).ready(function(){
  if(!/ios check here/) {
    $('#someid').hide()
  }
})
1
keymone 12 déc. 2011 à 11:00