/* this loads a special 'jsonly' CSS file which holds classes to hide certain elements on the page only when JS is enabled on the client, thereby keeping with Progressive Enhancement/Unobtrusive Javascript */ function jsCSS(){ var css = document.createElement('link'); css.type = 'text/css'; css.rel = 'stylesheet'; /* the value of unobtrusive_js_path is the path to the javascript.css file. This variable must be defined in the page's tag */ css.href = '/_includes/styles/jsonly.css'; css.media = 'screen'; document.getElementsByTagName("head")[0].appendChild(css); } /* fire off this function immediately, the tag is all we need and it's already been created (we're inside the head after all :)) */ if(BrowserDetect.supported()) jsCSS();