window.close(); after window.print(); javascript

Question

I need a js code which will close window right after appearing of pop up print window. Here is my code:

<a href="javascript:;" onclick="print()">Print</a>

function print()
{   
    win = window.open();
    win.document.write('<html><head>blablabla.......');
    win.window.print();
    win.window.close();
}

But it doesn't work because window closes before it pop up.

@DontVoteMeDown closing window..how on earth will this work..you should keep alive window until you print...and dont be abusive and offensive..okay? — Deepak Ingole, Jan 28 '14 at 13:23
I think you can find what you're looking for [here](http://stackoverflow.com/questions/6460630/close-window-automatically-after-printing-dialog-closes) — Stilltorik, Jan 28 '14 at 13:40

score 3 · Accepted Answer · edited May 23 '17 at 12:34

<a href="javascript:;" onclick="print()">Print</a>

    function print()
    {   
        win = window.open();
        win.document.write('<html><head>blablabla.......');

        var document_focus = false; // var we use to monitor document focused status.
        // Now our event handlers.
        $(document).ready(function() { win.window.print();document_focus = true; });
        setInterval(function() { if (document_focus === true) { win.window.close(); }  }, 300);
    }

Thanks Stilltorik for link.

score 2 · Answer 2 · edited Dec 20 '14 at 10:33

2

In this way, the window will close after print, works perfect!

function printme() {         
     var newWindow = window.open();
     newWindow.document.open("text/html");
     newWindow.document.write('<html><head>blablabla.......');
     newWindow.document.close();

     newWindow.print();
     newWindow.onfocus = function () {
        newWindow.close(); // Close the window
     }
};

edited Dec 20 '14 at 10:33

Andrei Surdu

2,281
3
23
32

answered Dec 02 '14 at 17:51

Jack Kuang

21
2

score 2 · Answer 3 · edited Feb 25 '16 at 12:34

This code worked for me:

print = function() {
    var printContents = document.getElementById('div').innerHTML,
      params = [
        'height=' + screen.height,
        'width=' + screen.width,
        'fullscreen=yes'].join(','),

    popup = window.open("", 'popUpWindow', params);
    popup.document.write('<html><head><link rel="stylesheet" type="text/css" href="/style.css" /></head><body class="print" onload="window.print()" onmousemove="setTimeout(function () {window.close()},1000);" >'
      + printContents
      + '</body></html>');
    popup.onfocus = function () {
      setTimeout(function () {
        popup.focus();
        popup.document.close();
      }, 200);
    };
};

score 0 · Answer 4 · answered Apr 05 '16 at 15:29

This snippet in JQuery prints also dynamic images rendered inside the html.

  <button id="printreceipt">
  Print
  </button>
  <div id="receipt">
  Colombo was great..
  </div>

$(function(){
$('body').on('click','button#printreceipt',function(e){
e.preventDefault();
e.stopPropagation();

var printWindow = window.open('');
var divContents = $("#receipt").html() +
                    "<script>" +
                    "window.onload = function() {" +
                    "     window.print();" +
                    "};" +
                   "setInterval(function() {   {   clearInterval();window.close(); }  }, 300);" +
                    "<" + "/script>";
 printWindow.document.write(divContents);
 printWindow.document.close();
 });
});

score 0 · Answer 5 · answered Sep 30 '17 at 19:15

And this was what worked for me (on Chrome):

var html = "<html>...</html>";
var win = window.open();
win.document.write(html);
win.document.close();
setTimeout(function () {
   win.focus();
   win.print();
   win.close();
}, 100);

The crucial bit was doing the focus() and print() async. Without that I was seeing a blank page in the print preview.

window.close(); after window.print(); javascript

5 Answers5

Linked

Related