ansaurus

Question

How does the Javascript print function work? Can I create a document using javascript and print it off?

Answer 1

A:

If you are doing this while the document is being loaded, you can use document.write to write the current document, then print it.

If the page has finished loading, you can use functions to manipulate the DOM, or preferably use a library such as jQuery or Prototype, then print the current document.

Sinan Taifour 2009-08-07 21:14:22

Answer 2

A:

print() essentially just calls up the native print dialog for a given window.

But as you're are thinking, it will work on any window or (i)frame.

thus if you write content to a frame, you can then call this to print it.

window.frameName.print();

note the only drawback (and its a big one), is that this calls up the print dialog... not the print preview window... thus the user doesn't really get a chance to see what they are printing and/or scale it to fit their printer/paper.

I personally wish that all browsers would implement the following to handle the above issue. ;-)

window.printPreview();

scunliffe 2009-08-07 21:14:59

Answer 3

+1 A:

Print() is a method on the window object. If you create a document in a window using javascript, then call print on that window object, it should work.

<script type="text/javascript">
    var myWindow=window.open('','','width=200,height=100')
    myWindow.document.write("This is 'myWindow'")
    myWindow.print();
</script>

Example modified from w3schools.com window open example.

tvanfosson 2009-08-07 21:15:45

You can also use a hidden iframe to print hidden documents!

J-P 2009-08-07 22:24:03

This doesn't seem to work in Chrome or Opera. Both browsers seems to print the parent window when self.print() or window.print() are called on a hidden iFrame.

Jack 2009-11-05 23:39:04

In fact, it doesn't seem to work with an iframe with height and width of 0px either...

Jack 2009-11-05 23:41:53

Answer 4

+1 A:

My first thought:

You could create an iframe programmatically, assign the HTML to be printed, call the print() function on the context of the iframe.contentWindow, and then remove the iframe from the DOM:

function printHTML(input){
  var iframe = document.createElement("iframe"); // create the element
  document.body.appendChild(iframe);  // insert the element to the DOM 

  iframe.contentWindow.document.write(input); // write the HTML to be printed
  iframe.contentWindow.print();  // print it
  document.body.removeChild(iframe); // remove the iframe from the DOM
}

printHTML('<h1>Test!</h1>');

You can test the above snippet here.

CMS 2009-08-07 21:26:51

Doesn't work in IE. If I remember correctly you need to focus() the window before printing it, or something similar.

J-P 2009-08-07 22:25:40

This crashes Google Chrome

David Kemp 2009-08-11 13:08:06

ansaurus

tags:

views:

answers:

How does the Javascript print function work? Can I create a document using javascript and print it off?

related questions