Javascript Print iframe contents only

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


document.getElementById("printf").contentWindow.print();

Same origin policy applies.


Easy way (tested on ie7+, firefox, Chrome,safari ) would be this 

//id is the  id of the iframe
function printFrame(id) {
            var frm = document.getElementById(id).contentWindow;
            frm.focus();// focus on contentWindow is needed on some ie versions
            frm.print();
            return false;
}

Tags:

Javascript

Jquery

Printing

Recent Posts