How do I print different page using javascript/jQuery/ajax?

Question

With following code it's showing the print dialog box and print the page successfully but how do i print a different page after click on this same button ? Different page name is : letterprint.php

<div class="below_movie_left" id="printableArea">
My printing contents
</div>

<input type="button"  class="submit_button" onclick="printDiv('printableArea')" value="Print" style="float:right;" />

<script>
function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}
</script>

Is this possible with javascript / jQuery / Ajax method ? how ?

Hi!, Possible duplicated here stackoverflow.com/questions/8240472/… — Gonzalo Bahamondez
– Gonzalo Bahamondez, Commented May 17, 2014 at 3:27

coder hacker · Accepted Answer · 2014-05-17 03:31:25Z

18

If you already have the page you want to print, put that page in an hidden iframe and print the content of iframe

<iframe src="letterprint.php" name="frame"></iframe>

<input type="button" onclick="frames['frame'].print()" value="printletter">

answered May 17, 2014 at 3:31

coder hacker

4,8781 gold badge27 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Babu Over a year ago

Yes you idea is great.

machineghost · Accepted Answer · 2014-05-17 03:30:26Z

1

You can't really print another page; browsers just don't give Javascript that power. However, what you can do is change the content of the page the user is on.

In short, you can use AJAX or an iframe to access the second page (letterprint.php), and then replace the contents of an element on your page with that page's contents. If you don't want it visible to the user, you can use a targeted stylesheet to make the new content only visible when printing.

answered May 17, 2014 at 3:30

machineghost

36k33 gold badges174 silver badges271 bronze badges

Collectives™ on Stack Overflow

How do I print different page using javascript/jQuery/ajax?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related