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.
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);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With