CODEWITHSUNDEEP
asp.netjavascript
Gaurav Arora
Gaurav Arora

Reputation: 2324

How to print a web page without opening a popup window?

I want to print a web page using JavaScript. But I do not want to open the page as a popup windows. How can I print directly a web page like 'mypage.aspx' using JavaScript window.print method without opening it as a popup window?

Also the condition is 'I don't want to use any ActiveX for this'

Here is what I want to try: 

var printWindow, printData; printWindow = window.open("", "printVersion", "menubar,scrollbars,width=640,height=480,top=0,left=0");

printData=document.getElementById("lblReport").innerHTML; printWindow.document.write(printData); 
printWindow.document.close(); 
printWindow.print();

Upvotes: 13

Views: 46388

Answers (5)

jerjer
jerjer

Reputation: 8760

The simpliest solution is to load the content of that mypage.aspx to an iframe then on iframes onload event call the window.print.

<button onclick="printPage()">print</button>
<div id="printerDiv" style="display:none"></div>
<script>
   function printPage()
   {
      var div = document.getElementById("printerDiv");
      div.innerHTML = '<iframe src="mypage.aspx" onload="this.contentWindow.print();"></iframe>';
   }
</script>

Upvotes: 25

Rosdi Kasim
Rosdi Kasim

Reputation: 25956

<html>
    <head>
        <title>Print</title>
        <link rel="stylesheet" type="text/css" media="all" href="all.css" />
        <link rel="stylesheet" type="text/css" media="print" href="print.css" />
    </head>
<body>
    <p>I get printed</p>
    <form>
        <input type="button" onclick="window.print()" value="Print" />
    </form>
</body>
</html>

Make sure all.css is on top and print.css at the bottom, it should work.

Upvotes: 6

matpol
matpol

Reputation: 3074

You could just use a CSS print style sheet and avoid using javascript altogether -all the user has to do them is print the page. e.g.

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Upvotes: 0

binaryLV
binaryLV

Reputation: 9122

Not sure if it works, but you may try to create invisible iframe, load page2.aspx in it and then print it.

Upvotes: 2

Oded
Oded

Reputation: 498914

Um. Just use window.print(); directly on the page. By itself it does not open a new window (apart from the print properties window to set printing options).

Upvotes: 1

Related Questions