Javascript Print iframe contents only

javascript jquery printing
user1083382 picture user1083382 · Mar 8, 2012 · Viewed 205.5k times · Source

This is my code

<script>
var body = "dddddd"    
var script = "<script>window.print();</scr'+'ipt>";

var newWin = $("#printf")[0].contentWindow.document; 
newWin.open();
newWin.close();

$("body",newWin).append(body+script);

</script>
<iframe id="printf"></iframe>

This works but it prints the parent page, how do I get it to print just the iframe?

Answer

mplungjan picture mplungjan · Mar 8, 2012

I would not expect that to work

try instead

window.frames["printf"].focus();
window.frames["printf"].print();

and use 

<iframe id="printf" name="printf"></iframe>

Alternatively try good old 

var newWin = window.frames["printf"];
newWin.document.write('<body onload="window.print()">dddd</body>');
newWin.document.close();

if jQuery cannot hack it

Live Demo

Related questions

Print the contents of a DIV

Whats the best way to print the contents of a DIV?

Read More
Using JQuery to open a popup window and print

A while back I created a lightbox plugin using jQuery that would load a url specified in a link into a lightbox. The code is really simple: $('.readmore').each(function(i){ $(this).popup(); }); and the link would look like …

Read More
How do I print the entire bootstrap modal where content in modal body is scrolled out of view

The problem is that the user has to scroll down to view all of the content within the modal body. However, when I print the modal the only part that is printed is the part that is viewable. I want …

Read More