Question

I have a HTML widget/table that is pulling info from a private server that diplays the info I want in the selected fields using JSON/knockoutjs data-bindings from a javascript viewmodel file. I will be putting this widget on different servers/sites. The problem is that (as silly as it is) I need to use different CSS’s depending on which site/server I’m on. Is there a way in either HTML or Javascript to say that if I go to this website or server use this CSS or if I visit this site/server use the other CSS file I have?

If it’s even possible still; maybe there’s a way to say if a website url or server contains a specific word; for example: http://abcdEXAMPLEefghi.com; in this example I would check to see if the word “EXAMPLE” was in the URL and if so, use CSS2 instead of the default CSS1.

Answer 1

Maybe something like this?

http://jsfiddle.net/pqLVz/

<script>
    if (window.location.href.indexOf('net') > 0) {
        document.write('<link rel="stylesheet" type="text/css" href="/css/basicsite.css" />')
        document.write('<style>p { color: red; }</style>')
    }
</script>
<p>hello</p>