How do I print an IFrame from javascript in Safari/Chrome

by

Here is my complete, cross browser solution:

In the iframe page:

function printPage() { print(); }

In the main page

function printIframe(id)
{
    var iframe = document.frames
        ? document.frames[id]
        : document.getElementById(id);
    var ifWin = iframe.contentWindow || iframe;

    iframe.focus();
    ifWin.printPage();
    return false;
}

Update: Many people seem to be having problems with this in versions of IE released since I had this problem. I do not have the time to re-investigate this right now, but, if you are stuck I suggest you read all the comments in this entire thread!

More Related Contents:

  1. Unsafe JavaScript attempt to access frame with URL
  2. How do I access an iframe from CasperJS?
  3. How can I access the contents of an iframe with JavaScript/jQuery?
  4. Maximum call stack size exceeded error
  5. How to get the body’s content of an iframe in Javascript?
  6. Get current URL from IFRAME
  7. How to set an iframe src attribute from a variable in AngularJS
  8. How to identify if a webpage is being loaded inside an iframe or directly into the browser window?
  9. Access elements of parent window from iframe
  10. cross-domain iframe resize
  11. Get IFrame’s document, from JavaScript in main document
  12. Write elements into a child iframe using Javascript or jQuery
  13. How to use CSS (and JavaScript?) to create a blurred, “frosted” background?
  14. Firing a keyboard event on Chrome
  15. Uncaught DOMException: Blocked a frame with origin “http://localhost:8080” from accessing a cross-origin frame while listing the iframes in page
  16. Return HTML from a user-selected text
  17. How to auto-size an iFrame? [duplicate]
  18. Good Reasons why not to use Iframes in page content [closed]
  19. Open link in iframe [closed]
  20. Open a new javascript window(.open) along with its CSS styling
  21. How to clone or re-dispatch DOM events?
  22. cross-domain iframe resizer?
  23. Javascript / Chrome – How to copy an object from the webkit inspector as code
  24. Refresh iFrame (Cache Issue)
  25. Synchronous console logging in Chrome
  26. How to prevent an iframe from reloading when moving it in the DOM
  27. Detect when an iframe is loaded
  28. Can javascript running inside an iframe affect the main page?
  29. Looking for a better workaround to Chrome select on focus bug
  30. How to set iframe content of a react component

Leave a Comment