Issue
I'm trying to print a specific part of my application.
The application has a list of users, displaying their first and last name. When I click a user I get a popup with more detailed information about them.
How would I go about printing just the popup for a user I clicked? The popup looks like this:
<div id="user<?=$user->id;?>" class="popup">
<div class="details">
User details...
</div>
<a href="#print">Print</a>
</div>
The print button isn't working yet though.
Solution
You can use simple JavaScript to print a specific div from a page.
var prtContent = document.getElementById("your div id");
var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();
Answered By - pmtamal
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.