Typically, you handle browser detection on the server side by checking the user agent. Client-side, it's much easier...just test for the availability of an object or method using if (object) ... or if (method) test. Knowing that certain objects and methods are available only on certain browsers, this is a quick and easy way to implement conditional code.

In this situation, the document.createStyleSheet() is specific to IE, so testing for it before calling the method to inject the spreadsheet has the exact same effect as the conditional hack.

Before document.getElementById() became a standard, you would see a lot of code with document.all() or document.layers() to test if a browser is IE or Netscape. Same concept applied to stylesheets.

Nik

 

---

Nik Kalyani
Co-founder
DotNetNuke Corporation
Blog | Twitter | FaceBook

Hi Nik,

Thanks for your previous help, I've now created a complete CSS based skin which you can view here:

http://skins.dnncreative.com

I've also created a print.css file which is called up when a user presses print which uses a different layout suitable for printing. - I've tested the file by linking to it directly in the default.aspx file which works correctly, but now I need to edit the Javascript that you provided to add the following link:

link rel="stylesheet" type="text/css" href="print.css" media="print"

I tried this by adding the details using the commented code that you supplied but it doesn't work, I suspect I'm not using the code correctly. - Could you provide any pointers please?

if (document.createStyleSheet)
    document.createStyleSheet("<%= SkinPath %>/iehacks.css");
else
{
var styles = "@import url('<%= SkinPath %>/print.css');";
 var newStyleSheet=document.createElement("link");
 newStyleSheet.rel="stylesheet";
 newStyleSheet.href="data:text/css,"+escape(styles);
 newStyleSheet.media="print";
 document.getElementsByTagName("head")[0].appendChild(newStyleSheet);
}

Many thanks,

Lee

---

Lee Sykes - DNN Creative Magazine - 600+ Video Tutorials, Articles, Interviews - July Issue 58 out now!


Twitter: www.twitter.com/DNNCreative