J'ai un code qui apparaît sur deux sites, appelons-les www.siteone.com et www.sitetwo.com

Je voudrais masquer une div mais uniquement si l'utilisateur est sur sitetwo.

J'ai un accès limité au HTML mais je peux insérer du code avant et après le div que je veux cacher, y compris en ajoutant d'autres divs et js. jquery est également disponible.

Ma pensée est quelque chose comme ça:

Code inséré avant:

    <script>    
        some js that changes the visibility of a div id 'hiddenontwo'
        if domain = www.sitetwo.com then set visibility of id=hiddenontwo to hidden
    </script>
<div id=hiddenontwo> <!-- open a a wrapper div as i can't set an id on the actual div -->

Code inséré après:

</div> <!-- Closing the wrapper-->

Questions: est-ce possible?

Comme ma connaissance js est nulle, quelqu'un pourrait-il avoir la gentillesse de montrer comment cela pourrait être fait?

Merci d'avance

-1
AlexR 9 août 2016 à 16:06

3 réponses

Meilleure réponse

Je pense que tu pourrais écrire quelque chose comme ça

(function(){
  var divToHide = document.querySelector('#hiddenontwo');
  if(location.host === "www.sitetwo.com") {
     divToHide.style.visibility = 'hidden';
  }
})();
1
Emil Pausz 9 août 2016 à 13:24
<script>
    var domain = window.location.hostname;
    if(domain == 'www.siteone.com'){
        //do something
    }else{
        //do something
    }
</script>
1
Naveed Ramzan 9 août 2016 à 13:10
if ( window.location.host !== "stackoverflow.com"
    && window.location.host !== "stacksnippets.net") {
  $("#divOnlyVisibleForStackOverflow").hide();
} else {
  $("#divNOTOnlyVisibleForStackOverflow").hide();
}
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divOnlyVisibleForStackOverflow"> DIV 1 </div>
<div id="visibleDiv"> DIV 2 </div>
<div id="divNOTOnlyVisibleForStackOverflow"> DIV 3 </div>
2
lpg 9 août 2016 à 13:12