Wie den Stil eines div auf der aktuellen Domain basierend ändern

-1

I-Code, der auf zwei Websites angezeigt wird, lässt sie rufen www.siteone.com und www.sitetwo.comWie den Stil eines div auf der aktuellen Domain basierend ändern

Ich möchte ein verstecken div aber nur, wenn der Benutzer auf Sitetwo ist.

Ich habe begrenzten Zugriff auf die HTML, aber ich kann Code einfügen vor und nach dem div ich möchte versteckt, einschließlich Hinzufügen von anderen divs und js. Jquery ist auch verfügbar.

mein Gedanke ist so etwas wie dieses:

Code eingefügt vor:

<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 nach eingefügt:

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

Fragen: ist das möglich?

da mein Js-Wissen Null ist, könnte jemand freundlich genug sein, um zu zeigen, wie es gemacht werden könnte?

Vielen Dank im Voraus

Quelle

2016-08-09 AlexR

Ja, es ist möglich, schreiben konnte. Was hast du probiert? –

Haben Sie sich "location" angesehen? Es hat was du willst. –

Sie können CSS-Klassen (abhängig von der aktuellen Domäne) zum body-Tag hinzufügen (d. H. Mit PHP) und Sie können damit (abhängig von CSS) verschiedene Elemente abhängig von dieser body-Klasse verwenden. Eine elegantere Lösung - Sie brauchen JS ifs nicht überall auf Ihrer Seite. – MilanG

ich glaube, Sie etwas wie das

(function(){ 
    var divToHide = document.querySelector('#hiddenontwo'); 
    if(location.host === "www.sitetwo.com") { 
    divToHide.style.visibility = 'hidden'; 
    } 
})();

Quelle

2016-08-09 13:24:13

HA ha! Das war es, aber ich musste das Skript nach dem div platzieren oder es ist fehlgeschlagen. Um es aufzuheben und dann zu verschwinden, setze ich den Wrapper div auf "Versteckt" und setze ihn dann auf "siteone.com". Danke allen! – AlexR

<script> 
    var domain = window.location.hostname; 
    if(domain == 'www.siteone.com'){ 
     //do something 
    }else{ 
     //do something 
    } 
</script>

Quelle

2016-08-09 13:10:42

Ich würde auch für nicht-www-Domäne überprüfen. –

Nun, ich habe nur ein Beispiel gegeben. variable Domäne enthält was auch immer die URL sein wird. –

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>

Quelle

2016-08-09 13:12:26 lpg

Wie den Stil eines div auf der aktuellen Domain basierend ändern

Antwort

Verwandte Themen