Close window automatically after printing dialog closes

Question

I have a tab open when the user clicks a button  On the onload I have it bring up the print dialog  but the user asked me whether it was possible that after it sends to the printer to print  if the tab could close itself  I am not sure whether this can be done  I have tried using setTimeout     but it s not a defined period of time since the user might get distracted and have to reopen the tab  Is there any way to accomplish this

User · Answer

IE had  has   the onbeforeprint and onafterprint events  you could wait for that  but it would only work on IE  which may or may not be ok    Alternatively  you could try and wait for the focus to return to the window from the print dialog and close it  Amazon Web Services does this in their invoice print dialogs  you hit the print button  it opens up the print-friendly view and immediately opens up the printer dialog  If you hit print or cancel the print dialog closes and then the print-friendly view immediately closes

User · Answer

Using Chrome I tried for a while to get the window onfocus function     window close      and the   lt body     onfocus  window close    gt   to work  My results     I had closed my print dialogue  nothing happened  I changed window tabs in my browser  still nothing  changed back to my first window tab and then the window onfocus event fired closing the window    I also tried  lt body onload  window print    window close     gt  which resulted in the window closing before I could even click anything in the print dialogue    I couldn t use either of those  So I used a little Jquery to monitor the document status and this code works for me    lt script type  text javascript  gt      var document focus   false     var we use to monitor document focused status         Now our event handlers        document  focus function     document focus   true            document  ready function     window print            setInterval function     if  document focus     true    window close          500    lt  script gt    Just make sure you have included jquery and then copy   paste this into the html you are printing  If the user has printed  saved as PDF or cancelled the print job the window tab will auto self destruct  Note  I have only tested this in chrome   Edit  As Jypsy pointed out in the comments  document focus status is not needed  You can simply use the answer from noamtcohen  I changed my code to that and it works

User · Answer

The following worked for me   function print link link        var mywindow   window open link   title    height 500 width 500           mywindow onload   function     mywindow print    mywindow close

User · Answer

const printHtml   async  html    gt        const printable   window open       blank    fullscreen no        printable document open        printable document write   lt html gt  lt body onload  window print    gt   html  lt  body gt  lt  html gt         await printable print        printable close         Here s my ES2016 solution

User · Answer

lt  doctype html gt   lt html gt   lt script gt   window print      lt  script gt   lt  php    date default timezone set  Asia Kolkata    include  db php     tot 0    id   GET  id         sqlinv  SELECT   FROM  sellform  WHERE  id    id          resinv mysqli query  conn  sqlinv        rowinv mysqli fetch array  resinv     gt           lt table width  100   gt              lt tr gt                   lt td style  text-align center font-sie 1px  gt Veg NonVeg lt  td gt                 lt  tr gt               lt tr gt                   lt th style  text-align center font-sie 4px  gt  lt b gt HARYALI lt b gt  lt  th gt                 lt  tr gt                  lt tr gt                   lt td style  text-align center font-sie 1px  gt Ac NonAC lt  td gt                 lt  tr gt               lt tr gt                   lt td style  text-align center font-sie 1px  gt B S Yedurappa Marg Near Junne Belgaon Naka P B Road Belgaum - 590003 lt  td gt                 lt  tr gt           lt  table gt           lt br gt               lt table width  100   gt              lt tr gt                   lt td style  text-align center font-sie 1  gt ----------------------------------------------- lt  td gt                 lt  tr gt           lt  table gt            lt table  width  100   cellspacing  6  cellpadding  0  gt                lt tr gt                   lt th style  text-align center font-sie 1px  gt ITEM lt  th gt                   lt th style  text-align center font-sie 1px  gt QTY lt  th gt                   lt th style  text-align center font-sie 1px  gt RATE lt  th gt                   lt th style  text-align center font-sie 1px  gt PRICE lt  th gt                   lt th style  text-align center font-sie 1px   gt TOTAL lt  th gt               lt  tr gt                lt  php              sqlitems  SELECT   FROM  sellitems  WHERE  invoice    rowinv 0                  resitems mysqli query  conn  sqlitems               while  rowitems mysqli fetch array  resitems                 sqlitems1  SELECT iname FROM  itemmaster  where icode   rowitems 2                  resitems1 mysqli query  conn  sqlitems1                rowitems1 mysqli fetch array  resitems1               echo   lt tr gt                   lt td style  text-align center font-sie 3px    gt  rowitems1 0  lt  td gt                   lt td style  text-align center font-sie 3px   gt  rowitems 5  lt  td gt                   lt td style  text-align center font-sie 3px   gt   number format  rowitems 4  2    lt  td gt                   lt td style  text-align center font-sie 3px   gt   number format  rowitems 6  2    lt  td gt                   lt td style  text-align center font-sie 3px   gt   number format  rowitems 7  2    lt  td gt                 lt  tr gt                     tot  tot  rowitems 7                              echo   lt tr gt                   lt th style  text-align right font-sie 1px  colspan  4  gt GRAND TOTAL lt  th gt                   lt th style  text-align center font-sie 1px   gt   number format  tot 2    lt  th gt                   lt  tr gt                  gt           lt  table gt        lt table width  100   gt              lt tr gt                   lt td style  text-align center font-sie 1px  gt ----------------------------------------------- lt  td gt                 lt  tr gt           lt  table gt           lt br gt           lt table width  100   gt               lt tr gt                   lt th style  text-align center font-sie 1px  gt Thank you Visit Again lt  th gt                 lt  tr gt           lt  table gt   lt script gt  window close     lt  script gt   lt  html gt    Print and close new tab window with php and javascript with single button click

User · Answer

This code worked perfectly for me    lt body onload  window print    onfocus  window close    gt    When the page opens it opens the print dialog automatically and after print or cancel it closes the window   Hope it helps

User · Answer

just use this java script   function PrintDiv         var divContents   document getElementById  ReportDiv   innerHTML      var printWindow   window open          height 200 width 400        printWindow document write   lt  head gt  lt body  gt         printWindow document write divContents       printWindow document write   lt  body gt  lt  html gt         printWindow document close        printWindow print        printWindow close        it will close window after submit or cancel button click

User · Answer

This worked best for me injecting the HTML into the popup such as  lt body onload  window print       The above works for IE  Chrome  and FF  on Mac  but no FF on Windows    https   stackoverflow com a 11782214 1322092  var html     lt html gt  lt head gt  lt title gt  lt  title gt                     lt link rel  stylesheet  href  css mycss css  type  text css    gt                     lt  head gt  lt body onload  window focus    window print    window close    gt                   data                   lt  body gt  lt  html gt

User · Answer

setTimeout function      window print       500           window onfocus   function      setTimeout function      window close       500       It s work perfectly for me  Hope it helps

User · Answer

I guess the best way is to wait for the document  aka DOM  to load properly and then use the print and close functions  I m wrapping it in the Document Ready function  jQuery     lt script gt    document  ready function      window print    window close         lt  script gt    Worth to notice is that the above is put on my  printable page   you can call it  printable html  that I link to from another page  call it linkpage html if you want     lt script gt  function openNewPrintWindow    var newWindow window open  http   printable html      replace with your url newWindow focus      Sets focus window    lt  script gt    And for the copy-paste-developer who s just looking for a solution  here is the  trigger  to the function above  same page     lt button onclick  openNewPrintWindow    gt Print lt  button gt    So it will   Open a new window when you click Print Trigger the  browser  print dialogue after page load Close window after printed  or cancelled     Hope you are having fun

User · Answer

this one works for me    lt script gt window onload  function      window print   window close          lt  script gt

User · Answer

try this   var xxx   window open     Printing       xxx onload   function           setTimeout function   xxx print      500        xxx onfocus   function              xxx close

User · Answer

This works well in Chrome 59   window print    window onmousemove   function       window close

User · Answer

An entirely different approach using native things only  First  add the following in the page that is to be printed   lt head gt   lt title gt printing please wait lt  title gt   lt META http-equiv Refresh content 2 url  close html  gt   lt  head gt   lt body onLoad  window print    gt    Then make close html with following content   lt body onLoad  window close    gt  lt  body gt    Now when the print dialogue is displayed  the page will remain open  As soon as the print or cancel task is done  the page will close like a breeze

User · Answer

This worked for me 11 2020  lt body onafterprint  quot window close   quot  gt      simple

User · Answer

This is a cross-browser solution already tested on Chrome  Firefox  Opera by 2016 05   Take in mind that Microsoft Edge has a bug that won t close the window if print was cancelled  Related Link  var url    http         var printWindow   window open url    blank    printWindow onload   function         var isIE     MSIE Trident   Edge    i test navigator userAgent       if  isIE             printWindow print            setTimeout function      printWindow close       100          else            setTimeout function                  printWindow print                var ival   setInterval function                     printWindow close                    clearInterval ival                  200              500

User · Answer

This is what worked for me  2018 02   I needed a seperate request because my print wansn t yet on screen   Based on some of the excellent responses above  for which i thank you all  i noticed    w onload must not be set before w document write data   It seems strange because you would want to set the hook beforehand  My guess  the hook is fired already when opening the window without content  Since it s fired  it won t fire again  But  when there is still processing going on with a new document write   then the hook will be called when processing has finished   w document close   still is required  Otherwise nothing happens     I ve tested this in Chrome 64 0  IE11  11 248   Edge 41 16299  edgeHTML 16 16299   FF 58 0 1    They will complain about popups  but it prints    function on request print         get   some page html        done function data          console log  data ready     data length         var w   window open          w document write data         w onload   function             console log  on load fired           w focus            w print            w close                  console log  written data           this seems to be the thing doing the trick       w document close          console log  document closed               lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt   lt  script gt   lt a onclick  on request print     gt Print rapportage lt  a gt

User · Answer

This worked for me in FF 36  Chrome 41 and IE 11   Even if you cancel the print  and even if you closed the print dialog with the top-right  X    var newWindow window open     newWindow document open    newWindow document write   lt HTML gt  lt BODY gt Hi  lt  BODY gt  lt  HTML gt       add your content newWindow document close    newWindow print           newWindow onload   function e   newWindow close         works in IE  amp  FF but not chrome     adding script to new document below makes it work in chrome    but alone it sometimes failed in FF   using both methods together works in all 3 browsers var script     newWindow document createElement  script    script type     text javascript   script text     window close      newWindow document body appendChild script

User · Answer

This works for me on Chrome  haven t tried on others     function        window print           body   hover function            window close

User · Answer

I tried many things that didn t work  The only thing that worked for me was   window print    window onafterprint   function          window close        tested on chrome

User · Answer

lt  --- ON click print button  get print and on click close button of print window  get print window closed--- gt    lt  DOCTYPE html gt    lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head gt   lt title gt Print preview lt  title gt     lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 8 3 jquery min js  gt  lt  script gt   lt script gt        function                  testid   click function                  var sWinHTML   document getElementById  content print   innerHTML              var winprint   window open                      winprint document open                winprint document write   lt html gt  lt head gt                 winprint document write   lt title gt Print lt  title gt                 winprint document write   lt  head gt  lt body onload  window focus    window print    window close    gt                 winprint document write sWinHTML               winprint document write   lt  body gt  lt  html gt                 winprint document close                winprint focus                       lt  script gt   lt  head gt    lt body gt      lt form id  form-print  gt       lt div id  content print  gt       lt h3 gt Hello world lt  h3 gt       lt table cellpadding  0  cellspacing  0  width  100   gt       lt thead gt       lt tr gt       lt th style  text-align left  gt S N lt  th gt       lt th style  text-align left  gt Name lt  th gt       lt  tr gt       lt  thead gt       lt tbody gt       lt tr gt         lt td gt 1 lt  td gt         lt td gt Bijen lt  td gt       lt  tr gt       lt tr gt         lt td gt 2 lt  td gt         lt td gt BJ lt  td gt       lt  tr gt       lt  tbody gt       lt  table gt       lt  div gt       lt button type  button  id  testid   gt Print lt  button gt   lt  form gt   lt  body gt   lt  html gt

User · Answer

Just wrap window close by onafterprint event handler  it worked for me  printWindow print    printWindow onafterprint        gt  printWindow close

User · Answer

jquery     document  ready function       window print      setTimeout function                  window close         3000

User · Answer

simple add    lt html gt   lt body onload  print    close     gt   lt  body gt   lt  html gt

User · Answer

I tried this and it works  var popupWin   window open      PrintWindow     width 650 height 650 location no left 200px    popupWin document write data 0  xmldata   popupWin print    popupWin close

User · Answer

if you try to close the window just after the print   call  it may close the window immediately and print   will don t work  This is what you should not do   window open        window print    window close      This solution will work in Firefox  because on print   call  it waits until printing is done and then it continues processing javascript and close   the window  IE will fail with this because it calls the close   function without waiting for the print   call is done  The popup window will be closed before printing is done   One way to solve it is by using the  onafterprint  event but I don  recommend it to you becasue these events only works in IE    The best way is closing the popup window once the print dialog is closed  printing is done or cancelled   At this moment  the popup window will be focussed and you can use the  onfocus  event for closing the popup   To do this  just insert this javascript embedded code in your popup window    lt script type  text javascript  gt  window print    window onfocus function    window close      lt  script gt    Hope this hepls  -   Update    For new chrome browsers it may still close too soon see here  I ve implemented this change and it works for all current browsers  2 29 16          setTimeout function      window print       500           window onfocus   function      setTimeout function      window close       500

User · Answer

The following solution is working for IE9  IE8  Chrome  and FF newer versions as of 2014-03-10  The scenario is this  you are in a window  A   where you click a button link to launch the printing process  then a new window  B  with the contents to be printed is opened  the printing dialog is shown immediately  and you can either cancel or print  and then the new window  B  closes automatically   The following code allows this  This javascript code is to be placed in the html for window A  not for window B           Opens a new window for the given URL  to print its contents  Then closes the window      function openPrintWindow url  name  specs      var printWindow   window open url  name  specs       var printAndClose   function             if  printWindow document readyState     complete                 clearInterval sched               printWindow print                printWindow close                        var sched   setInterval printAndClose  200        The button link to launch the process has simply to invoke this function  as in   openPrintWindow  http   www google com    windowTitle    width 820 height 600

User · Answer

I just want to write what I have done and what has worked for me  as nothing else I tried had worked    I had the problem that IE would close the windows before the print dialog got up   After a lot of trial and error og testing this is what I got to work   var w   window open    w document write     data   html       only part of the page to print  using jquery w document close      this seems to be the thing doing the trick w focus    w print    w close      This seems to work in all browsers

User · Answer

This works for me perfectly  holger  however  i have modified it and suit me better  the window now pops up and close immediately you hit the print or cancel button   function printcontent      var disp setting  toolbar yes location no directories yes menubar yes     disp setting   scrollbars yes width 300  height 350  left 50  top 25    var content vlue   document getElementById  content   innerHTML   var w   window open        disp setting   w document write content vlue     only part of the page to print  using jquery w document close      this seems to be the thing doing the trick w focus    w print    w close

User · Answer

Just   window print    window close      It works

User · Answer

On IE11 the onfocus event is called twice  thus the user is prompted twice to close the window  This can be prevented by a slight change    lt script type  text javascript  gt    var isClosed   false    window print      window onfocus   function         if isClosed       Work around IE11 calling window close twice       return            window close        isClosed   true       lt  script gt

User · Answer

This is what I came up with  I don t know why there is a small delay before closing    window print     setTimeout window close  0

User · Answer

There s lots of pain getting stuff like this to work across browsers   I was originally looking to do the same sort of thing - open a new page styled for print  print it using JS  then close it again  This was a nightmare   In the end  I opted to simply click-through to the printable page and then use the below JS to initiate a print  then redirect myself to where I wanted to go when done  with a variable set in PHP in this instance    I ve tested this across Chrome and Firefox on OSX and Windows  and IE11-8  and it works on all  although IE8 will freeze for a bit if you don t actually have a printer installed    Happy hunting  printing     lt script type  text javascript  gt      window print      this triggers the print     setTimeout  closePrintView     3000     delay required for IE to realise what s going on     window onafterprint   closePrintView      this is the thing that makes it work i     function closePrintView       this function simply runs something you want it to do        document location href       referralurl       in this instance  I m doing a re-direct         lt  script gt

User · Answer

document addEventListener  DOMContentLoaded    e   gt           print        if   Android webOS iPhone iPad iPod BlackBerry IEMobile Opera Mini i test navigator userAgent      expresion regular evalua navegador         window onfocus   function   window close           else           window onafterprint   function e           window close                         onafterprint works good to me on desktop browser  no with smartphone  so y make something like this and work  there are many solutions  so try many anyway

User · Answer

Here s what I do      Enable window to print and close itself based on a query parameter   Requires jQuery   Can be done in  Layout or master page to work with all pages   The idea is to pass a param in the URL telling the page to print and close  if the param is set then the jQuery    ready    event prints the window  and then when the page is fully loaded  after printing  the    onload    is called which closes the window   All this seemingly extra steps are to wait for the window to print before closing itself    In the html body add and onload event that calls printAndCloseOnLoad     In this example we are using cshtm  you could also use javascript to get param    lt body onload  sccPrintAndCloseOnLoad   Request QueryString  PrintAndClose       gt    In the javascript  add the function   function printAndCloseOnLoad printAndClose        if  printAndClose               close self without prompting         window open       self        window close              And jQuery ready event     document  ready function          if  window location search indexOf  PrintAndClose     gt  0          print          Now when opening any URL  simply append the query string param    PrintAndClose true    and it will print and close

User · Answer

To me  my final solution was a mix of several answers       var newWindow   window open        newWindow document open        newWindow document write   lt html gt  lt link rel  stylesheet  href  css normalize-3 0 2 css  type  text css    gt                   lt link rel  stylesheet  href  css default css  type  text css    gt                   lt link rel  stylesheet  media  print  href  css print css  type  text css    gt          newWindow document write   lt body onload  window print     onfocus  window setTimeout function     window close       100    gt         newWindow document write document getElementById  lt ID gt   innerHTML       newWindow document write   lt  body gt  lt  html gt         newWindow document close        newWindow focus

User · Answer

Sure this is easily resolved by doing this         lt script type  quot text javascript quot  gt           window onafterprint   window close           window print           lt  script gt   Or if you want to do something like for example go to the previous page       lt script type  quot text javascript quot  gt          window print            window onafterprint   back           function back                 window history back                   lt  script gt

[javascript] Close window automatically after printing dialog closes

Examples related to javascript

Examples related to printing