CODEWITHSUNDEEP
javascripthtml
Misael Indra Wijaya
Misael Indra Wijaya

Reputation: 23

everytime i try to print pdf using this method it will always produce blank pdf

so i want to print pdf using button and javascript but it will always produce blank pdf/empty pdf. i want something like https://i.sstatic.net/2Bm7o.jpg, but i got this instead https://i.sstatic.net/nYVuq.jpg

i try using window.open and then window.print but it still produce blank pdf, i also tried to put url inside window.open instead of declaring it first but that didn't work

HTML

<button type="button" onclick="printme()">click me...</button>

JavaScript

function printme(){
 var URL = "https://www.detik.com/";
 var W = window.open(URL);
 W.window.print();
}

Upvotes: 0

Views: 670

Answers (2)

Hamza Dahmoun
Hamza Dahmoun

Reputation: 1294

The source of the following code is Print an external page without opening it
which was mentioned in one of the answers here Printing a web page using just url and without opening new window?
I only modified the link to include your website address:

<!doctype html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>MDN Example</title>
  <script type="text/javascript">
    function closePrint() {
      document.body.removeChild(this.__container__);
    }

    function setPrint() {
      this.contentWindow.__container__ = this;
      this.contentWindow.onbeforeunload = closePrint;
      this.contentWindow.onafterprint = closePrint;
      this.contentWindow.focus(); // Required for IE
      this.contentWindow.print();
    }

    function printPage(sURL) {
      var oHiddFrame = document.createElement("iframe");
      oHiddFrame.onload = setPrint;
      oHiddFrame.style.position = "fixed";
      oHiddFrame.style.right = "0";
      oHiddFrame.style.bottom = "0";
      oHiddFrame.style.width = "0";
      oHiddFrame.style.height = "0";
      oHiddFrame.style.border = "0";
      oHiddFrame.src = sURL;
      document.body.appendChild(oHiddFrame);
    }
  </script>
</head>

<body>


  <p><span onclick="printPage('https://www.detik.com');" style="cursor:pointer;text-decoration:underline;color:#0000ff;">Print external page!</span></p>

</body>

</html>

Upvotes: 0

Pushprajsinh Chudasama
Pushprajsinh Chudasama

Reputation: 7949

you need to do window.print() instead of w.window.print() 

function printme(){
 var URL = "https://www.detik.com/";
 var W = window.open(URL);
 window.print();
}

Upvotes: 2

Related Questions