Question

141

google chrome print preview does not load the page the first time

rated 0 times [ 148] [ 7] / answers: 1 / hits: 18640 / 10 Years ago, thu, february 5, 2015, 12:00:00

I'm trying to print a page using this code

<html>

<head>

    <script type=text/javascript>

        function Popup() 

        {



            var mywindow = window.open('', 'Ticket info', 'height=400,width=600');

            mywindow.document.write('<html><head><title>my div</title>');

            mywindow.document.write('<style type=text/css> *{margin: 0; padding: 0;} body{padding: 3px; padding-left:20px;font:6px bold Arial;}</style>');

            mywindow.document.write('<script src=http://code.jquery.com/jquery-latest.min.js><'+'/script>');

            mywindow.document.write('<script src=jquery-barcode.min.js><'+'/script>');

            mywindow.document.write('</head><body>');

            mywindow.document.write('<div id=demo></div>');

            mywindow.document.write('<script type=text/javascript>$(#demo).barcode(1234567890128, code39);<'+'/script>');

            mywindow.document.write('</body></html>');

            mywindow.print();

            return true;

        }

    </script>

</head>

<body>

<input type=button value=Print Div onclick=Popup(); />

</body>

</html>

Basically it will pop out a window and show a print preview of the page. the first attempt to load the print preview will not load the barcode and when you cancel the first print preview then right click the page and print again the 2nd print preview will now show the barcode to print.

1st

reprint

2nd

I think the issue is coming from this line:

mywindow.document.write('<script type=text/javascript>$(#demo).barcode(1234567890128, code39);<'+'/script>');

when I comment this line and add a dummy text to the page. It will automatically show up in the print preview on the first attempt.

I had the same issue before when I'm trying to load the style from a css file. I resolve this by transferring the styles directly to the popup window.

My question is why is this happening? and how can I load the barcode on the first attempt of the print preview?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

andrewb

Add To Favorites

Follow

Total Points: 259

Total Questions: 124

Total Answers: 90

Location: Ivory Coast

Member since Sun, Mar 7, 2021

3 Years ago

andrewb questions

1 How can i access child component method in parent component using ref in Vue3?

Sun, Jun 12, 22, 00:00, 2 Years ago

1 TypeError: Cannot destructure property 'eligibleURLPatterns' of 'Yt' as it is null

Sun, May 1, 22, 00:00, 2 Years ago

1 Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No exports main defined in package.json

Sat, Oct 16, 21, 00:00, 3 Years ago

1 Is it okay to dispatch slice's action from another action in redux-toolkit?

Wed, Apr 21, 21, 00:00, 3 Years ago

1 Cannot find module axios - compatibility issue with typescript

Tue, Feb 2, 21, 00:00, 3 Years ago

View All

answered 10 Years ago davism · Accepted Answer

You need to put delay before print.
There is a native defect in chrome.

Code would as under :-

function PrintDiv(data) {

    var mywindow = window.open();

    var is_chrome = Boolean(mywindow.chrome);

    mywindow.document.write(data);



   if (is_chrome) {

     setTimeout(function() { // wait until all resources loaded 

        mywindow.document.close(); // necessary for IE >= 10

        mywindow.focus(); // necessary for IE >= 10

        mywindow.print(); // change window to winPrint

        mywindow.close(); // change window to winPrint

     }, 250);

   } else {

        mywindow.document.close(); // necessary for IE >= 10

        mywindow.focus(); // necessary for IE >= 10



        mywindow.print();

        mywindow.close();

   }



    return true;

}