javascript:window.print() prints 2 pages while I have 1

Question

I have a simple HTML document which includes an image tag only. I want to print the image after document's loaded. my code:

<body>    
    <img id="form1" src="form1.jpg" alt="form1" style="margin: 0 auto;display:block;" onLoad="javascript:window.print()" />
</body>

it works but the problem is that it prints both the image ( webpage ) and another paper which is empty and only has a text on top which is giving the address of image and html title. how can I prevent from printing the extra paper ?

P.S : I used jquery plugins like PrintElement.js, jqPrint.js, etc, but they have same problem...

You can use CSS for controlling the image size, etc for print - using `@media print { /* your print conditions here. */ }` — karthikr, Feb 02 '13 at 13:02
how can i remove the second paper by '@media print' options ? — Payam Shakibafar, Feb 02 '13 at 13:14
Give the image a `max-width`. That way, you can control how the image renders on the page. Example: `@media print { body img {width: 90%; max-width: 1048px; } }` — karthikr, Feb 02 '13 at 13:14

score 4 · Accepted Answer · answered Feb 02 '13 at 13:33

You can use CSS for controlling the image size, etc for print - using @media print

Give the image a max-width.

That way, you can control how the image renders on the page. Example:

@media print { 
    body img {
       width: 90%; max-width: 1048px; 
    } 
}

score 1 · Answer 2 · answered Feb 02 '13 at 13:04

1

Scale down the image a little bit and center it with margin.

<img src="form1.jpg" width="90%" style="margin:auto;"/>

answered Feb 02 '13 at 13:04

Licson

2,231
18
26

1

the image is completely inside the first page, the second page is something which is not related to the image I guess... the second paper includes the html file address only like files:///C:/Users/.../index.html – Payam Shakibafar Feb 02 '13 at 13:09

mohammad mohsenipur · Answer 3 · 2013-02-02T13:29:51.803

0

You Can Make a iframe tag by js and Put Image On it Then Print only iframe.

I hope it Work

<iframe id="iframeprint" style="display:none"></iframe>

maybe You Need This js Code

access To inside Of iframe

document.getElementById('iframeprint').contentWindow.document.body.innerHTML=document.getElementById('form1');

print iframe only

document.getElementById('iframeprint').contentWindow.print() ;

edited Feb 02 '13 at 13:29

answered Feb 02 '13 at 13:24

mohammad mohsenipur

3,218
2
17
22

javascript:window.print() prints 2 pages while I have 1

3 Answers3

Linked