ansaurus

Question

Dynamically loading stylesheet for print in IE

Answer 1

+1 A:

This, I believe, will work:

if (document.createStyleSheet) {
    var ieStyleSheet = document.createStyleSheet($styleUrl);
    ieStyleSheet.media = "print";
}

Scott 2010-07-16 13:26:53

Answer 2

+1 A:

Add onbeforeprint to your body tag:

<body onbeforeprint="loadPrintCSS()">

And the JavaScript/jQuery function:

function loadPrintCSS() {
  $('head').append('<link rel="stylesheet" type="text/css" href="windows-firefox.css" media="print">');
}

This is IE specific, but that was what you asked for.

Gert G 2010-07-16 13:39:42

Hi,This isn't working for me.I am trying to print a report which appears in a lightbox dialog.I inject the Print CSS file reference for both IE and Standards compliant browsers when the lightbox has finished loading.Standards compliant browsers print the report fine but IE does not. It prints the background content as well i.e. the content of the whole page including the lightbox.

RyanP13 2010-07-16 14:45:26

Sorry about that. The above code works for general use.

Gert G 2010-07-16 15:02:43

No problem. Didn't mean to sound ungreatful :)

RyanP13 2010-07-16 15:15:55

ansaurus

tags:

views:

answers:

Dynamically loading stylesheet for print in IE

related questions