js window.open then print()

Question

print() doesn't work in IE after opening a new window. It works in Chrome. Here's a tester:

<html>
<head>
<script type="text/javascript">
  function openWin()
  {
    myWindow=window.open('','','width=200,height=100');
    myWindow.document.write("<p>This is 'myWindow'</p>");
    myWindow.focus();
    myWindow.print(); //DOES NOT WORK
  }
</script>
</head>
<body>

<input type="button" value="Open window" onclick="openWin()" />

</body>
</html>

score 36 · Accepted Answer · edited May 23 '17 at 12:02

36

checkout: window.print() not working in IE

Working sample: http://jsfiddle.net/Q5Xc9/1/

edited May 23 '17 at 12:02

Community

1
1

answered Mar 24 '12 at 13:49

Turgut

570
4
7

Can you please look at this http://stackoverflow.com/questions/11448910/window-print-works-on-urls-except-one – Sarika.S Jul 12 '12 at 09:34

Osa E · Answer 2 · 2014-09-22T19:52:57.773

20

Turgut gave the right solution. Just for clarity, you need to add close after writing.

function openWin()
  {
    myWindow=window.open('','','width=200,height=100');
    myWindow.document.write("<p>This is 'myWindow'</p>");


    myWindow.document.close(); //missing code


    myWindow.focus();
    myWindow.print(); 
  }

edited Sep 22 '14 at 19:52

answered Jul 24 '13 at 10:37

Osa E

1,651
1
15
26

score 4 · Answer 3 · answered Jun 22 '15 at 14:18

<script type="text/javascript">

    function printDiv(divName) {
         var printContents = document.getElementById(divName).innerHTML;
         var originalContents = document.body.innerHTML;
         document.body.innerHTML = printContents;
         window.print();
         document.body.innerHTML = originalContents;
    }

</script>


<div id="printableArea">CONTENT TO PRINT</div>



<input type="button" onclick="printDiv('printableArea')" value="Print Report" />

score 4 · Answer 4 · edited Feb 29 '16 at 12:59

function printCrossword(printContainer) {
    var DocumentContainer = getElement(printContainer);
    var WindowObject = window.open('', "PrintWindow", "width=5,height=5,top=200,left=200,toolbars=no,scrollbars=no,status=no,resizable=no");
    WindowObject.document.writeln(DocumentContainer.innerHTML);
    WindowObject.document.close();
    WindowObject.focus();
    WindowObject.print();
    WindowObject.close();
}

score 4 · Answer 5 · answered Jan 16 '20 at 20:41

4

What worked for me was adding myWindow.document.close() after myWindow.document.write(). Here's my solution with a timeout to wait for the new window to finish loading (if you have a lot to load):

var win = window.open('', 'PrintWindow');
win.document.write('Stuff to print...');

setTimeout(function () {
    win.document.close();
    win.focus();
    win.print();
    win.close(); 
}, 1000);

answered Jan 16 '20 at 20:41

ajt13a

49
1
4

It´s working indeed, but cannot find why win.document.close() it's need it. – Kadaiser Apr 14 '21 at 10:17

score 3 · Answer 6 · answered Dec 31 '19 at 10:15

As most of browsers has been updated, So print and close do not any more as It worked before. So you should add onafterprint event listener in order to close print window.

    var printWindow = window.open('https://stackoverflow.com/');
    printWindow.print();

    //Close window once print is finished
    printWindow.onafterprint = function(){
       printWindow.close()
    };

score 2 · Answer 7 · answered Mar 24 '12 at 13:41

2

try this

<html>
<head>
<script type="text/javascript">
function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>This is 'myWindow'</p>");
myWindow.focus();
print(myWindow);
}
</script>
</head>
<body>

<input type="button" value="Open window" onclick="openWin()" />

</body>
</html>

answered Mar 24 '12 at 13:41

Kamal

2,088
8
33
56

1

The only solution that worked for me in IE-11. Thanks !! – user3340627 Sep 21 '15 at 08:52
On my chrome, the window stays open even after closing the printing window – Miguel May 23 '16 at 12:56

js window.open then print()

7 Answers7

Linked

Related