Comments on: Printing contents of a div using javascript

By: Jaganath

Jaganath — Sat, 31 Jul 2010 10:37:34 +0000

It Works Fine in My Website

By: sin

sin — Wed, 07 Jul 2010 00:28:04 +0000

try giving EnableEventValidation=”false” in page directive

By: Jet

Jet — Tue, 06 Jul 2010 13:20:04 +0000

Hello!
I’d been trying to print the div content with no luck.
i can’t even capture the innertext nor innerhtml with code (i’m working with asp.net).
In fact what i want to print are the directions produced by google maps for a given route.
The code kindly posted by msdnExpert breakes here:

WindowObject.document.writeln(DocumentContainer.innerHTML);
The Err Message is:
Microsoft JScript runtime error: Object required

For any help
Thanks a lot.

By: Jay Jay

Jay Jay — Sun, 06 Jun 2010 07:03:57 +0000

It doesn’t work on me. huhuh =(

By: Aamir Shahzad

Aamir Shahzad — Mon, 22 Mar 2010 06:41:07 +0000

Assalam-u-Alaikum,

I find this very helpful,
thanks buddy
function ClickHereToPrint(){
try{
var oIframe = document.getElementById(‘ifrmPrint’);
var oContent = document.getElementById(‘divToPrint’).innerHTML;
var oDoc = (oIframe.contentWindow || oIframe.contentDocument);
if (oDoc.document) oDoc = oDoc.document;
oDoc.write(“title”);
oDoc.write(“”);
oDoc.write(oContent + “”);
oDoc.close();
}
catch(e){
self.print();
}
}
// –>

By: Dana

Dana — Sun, 07 Feb 2010 14:21:34 +0000

Hello,

I find this very helpful, but I have 1 problem.
I would like to keep my css styling in the printed form.
The styling is removed when printing.
Is there a way to keep it?

Thank you,
Dana

By: anhnt

anhnt — Mon, 01 Feb 2010 02:12:16 +0000

Thank!
But, your resolve only deal with label (if i make label change). However with radio or checkbox that status of check is inputted by user or javascript prints unsuccessfully.
I’m using firefox and see that. But IE may be correct. I don’t know the options in firefox and when see on firebug, i see the text (innerHtml) for label inserted in source but check for radio can’t be inserted.

By: thanksAMillion

thanksAMillion — Mon, 26 Oct 2009 19:16:18 +0000

Also I should note that I’m using inside Drupal… another reason why there were roadblocks…

By: thanksAMillion

thanksAMillion — Mon, 26 Oct 2009 19:15:27 +0000

I used Msdnexpert’s code and it works perfectly! I’ve been trying to get this to work for weeks now on and off. Thanks a Million!

By: Msdnexpert

Msdnexpert — Tue, 21 Jul 2009 10:45:48 +0000

To print just a div the following code works. Of course you need to replace the id of the div with your id.

function PrintContent()
{
var DocumentContainer = document.getElementById(‘divtoprint’);
var WindowObject = window.open(”, “PrintWindow”,
“width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes”);
WindowObject.document.writeln(DocumentContainer.innerHTML);
WindowObject.document.close();
WindowObject.focus();
WindowObject.print();
WindowObject.close();
}