Unable to print an iframe on IE using JavaScript, prints parent page instead

focus, internet-explorer, javascript, jquery, printing

Solution

I was looking for a solution to print Iframes in Internet Explorer. After hours of search i got the solution. it worked for me. Please check the following link

http://bytes.com/topic/misc/answers/629926-ie7-printing-iframe-solution

document.execCommand('print', false, null);

Problem

I have the following JavaScript code: ``` $(document).ready(function() { $('a#print_button').click(function(event) { event.preventDefault(); var print_url = 'print.html'; if ($('#print_page').length == 0) { $("body").append('<iframe id="print_page" name="print_page" src=' + print_url + ' style="display: none; @media print { display: block; }"></iframe>'); } else { $('#print_page').attr("src", print_quote_url); } $('#print_page').on("load", function() { frames["print_page"].focus(); frames["print_page"].print(); }); }); }); ``` It works on Chrome and Firefox. But when I click on the button on IE, it prints the parent page, instead of printing the iframe.

Original source