How do I print an IFrame from javascript in Safari Chrome

Question

Can someone please help me out with printing the contents of an IFrame via a javascript call in Safari Chrome   This works in firefox           id  0  focus            id  0  contentWindow print      this works in IE   window frames id  focus    window frames id  print      But I can t get anything to work in Safari Chrome   Thanks  Andrew

User · Answer

I had to make few modifications in order to make it with in IE8 (didn't test with other IE flavours)

1) document.frames[param] seem to accept a number, not ID

printIframe(0, 'print');

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

  ifWin.focus();
  ifWin.printPage();

  return false;
}

2) I had a print dialog displayed upon page load and also there was a link to "Click here to start printing" (if it didn't start automatically). In order to get it work I had to add focus() call

<script type="text/javascript">
  $(function(){
    printPage();
  });

  function printPage()
  {
    focus();
    print();
  }
</script>

User · Answer

The  framePartsList contentWindow print     was not working in IE 11  ver11 0 43  Therefore I have used  framePartsList contentWindow document execCommand  print   false  null

User · Answer

You can also use   top iframeName print      or  parent iframeName print

User · Answer

Put a print function in the iframe and call it from the parent   iframe   function printMe       window print       parent   document frame1 printMe

User · Answer

In addition to Andrew s and Max s solutions  using iframe focus   resulted in printing parent frame instead of printing only child iframe in IE8  Changing that line fixed it   function printIframe id        var iframe   document frames   document frames id    document getElementById id       var ifWin   iframe contentWindow    iframe      ifWin focus        ifWin printPage        return false

User · Answer

The  framePartsList contentWindow print     was not working in IE 11  ver11 0 43  Therefore I have used  framePartsList contentWindow document execCommand  print   false  null

User · Answer

Use firefox window frames but also add the name property because that uses the iframe in firefox  IE    window frames id    Firefox   window frames name    lt img src  print gif   onClick  javascript  window frames  factura   focus    parent  factura   print     gt   lt iframe src  factura html  width  100   height  400  id  factura  name  factura  gt  lt  iframe gt

User · Answer

Put a print function in the iframe and call it from the parent   iframe   function printMe       window print       parent   document frame1 printMe

User · Answer

Put a print function in the iframe and call it from the parent   iframe   function printMe       window print       parent   document frame1 printMe

User · Answer

You can use   parent frames  id   print      Work at Chrome

User · Answer

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

User · Answer

Put a print function in the iframe and call it from the parent   iframe   function printMe       window print       parent   document frame1 printMe

User · Answer

You can also use   top iframeName print      or  parent iframeName print

User · Answer

Use firefox window frames but also add the name property because that uses the iframe in firefox  IE    window frames id    Firefox   window frames name    lt img src  print gif   onClick  javascript  window frames  factura   focus    parent  factura   print     gt   lt iframe src  factura html  width  100   height  400  id  factura  name  factura  gt  lt  iframe gt

User · Answer

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

User · Answer

Use this   window onload   setTimeout  window print     1000

User · Answer

I used Andrew s script but added a piece before the printPage   function is called  The iframe needs focus  otherwise it will still print the parent frame in IE   function printIframe id        var iframe   document frames   document frames id    document getElementById id       var ifWin   iframe contentWindow    iframe      iframe focus        ifWin printPage        return false      Don t thank me though  it was Andrew who wrote this  I just made a tweak  P

User · Answer

Use this   window onload   setTimeout  window print     1000

User · Answer

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

User · Answer

One thing to note is if you are testing this locally using file      it will not work on chrome as the function in the iframe will appear as undefined  However once on a web server it will work

User · Answer

I had to make few modifications in order to make it with in IE8 (didn't test with other IE flavours)

1) document.frames[param] seem to accept a number, not ID

printIframe(0, 'print');

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

  ifWin.focus();
  ifWin.printPage();

  return false;
}

2) I had a print dialog displayed upon page load and also there was a link to "Click here to start printing" (if it didn't start automatically). In order to get it work I had to add focus() call

<script type="text/javascript">
  $(function(){
    printPage();
  });

  function printPage()
  {
    focus();
    print();
  }
</script>

User · Answer

In addition to Andrew s and Max s solutions  using iframe focus   resulted in printing parent frame instead of printing only child iframe in IE8  Changing that line fixed it   function printIframe id        var iframe   document frames   document frames id    document getElementById id       var ifWin   iframe contentWindow    iframe      ifWin focus        ifWin printPage        return false

User · Answer

I used Andrew s script but added a piece before the printPage   function is called  The iframe needs focus  otherwise it will still print the parent frame in IE   function printIframe id        var iframe   document frames   document frames id    document getElementById id       var ifWin   iframe contentWindow    iframe      iframe focus        ifWin printPage        return false      Don t thank me though  it was Andrew who wrote this  I just made a tweak  P

User · Answer

One thing to note is if you are testing this locally using file      it will not work on chrome as the function in the iframe will appear as undefined  However once on a web server it will work

User · Answer

You can use   parent frames  id   print      Work at Chrome

User · Answer

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

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

Examples related to javascript

Examples related to iframe

Examples related to webkit

Examples related to printing