Monday, December 4, 2023
 Popular · Latest · Hot · Upcoming
rated 0 times [  98] [ 3]  / answers: 1 / hits: 154336  / 15 Years ago, thu, july 2, 2009, 12:00:00

The JavaScript code window.print() can print the current HTML page.

If I have a div in an HTML page (for example, a page rendered from an ASP.NET MVC view), then I want to print the div only.

Is there any jQuery unobtrusive JavaScript or normal JavaScript code to implement this request?

Making it more clear, suppose the rendered HTML page is like:

<html xmlns=>

<head id=Head runat=server>
<asp:ContentPlaceHolder runat=server ID=TitleContent />

<div id=div1 class=div1>....</div>
<div id=div2 class=div2>....</div>
<div id=div3 class=div3>....</div>
<div id=div4 class=div4>....</div>
<div id=div4 class=div4>....</div>
<input id=btnSubmit type=submit value=Print onclick=divPrint(); />

Then I want to click on the Print button, only printing div3.

More From » jquery


I would go about it somewhat like this:

<title>Print Test Page</title>
printDivCSS = new String ('<link href=myprintstyle.css rel=stylesheet type=text/css>')
function printDiv(divId) {
window.frames[print_frame].document.body.innerHTML=printDivCSS + document.getElementById(divId).innerHTML;

<h1><b><center>This is a test page for printing</center></b><hr color=#00cc00 width=95%></h1>
<b>Div 1:</b> <a href=javascript:printDiv('div1')>Print</a><br>
<div id=div1>This is the div1's print output</div>
<b>Div 2:</b> <a href=javascript:printDiv('div2')>Print</a><br>
<div id=div2>This is the div2's print output</div>
<b>Div 3:</b> <a href=javascript:printDiv('div3')>Print</a><br>
<div id=div3>This is the div3's print output</div>
<iframe name=print_frame width=0 height=0 frameborder=0 src=about:blank></iframe>

[#99208] Friday, June 26, 2009, 15 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 699
Total Questions: 112
Total Answers: 110

Location: Philippines
Member since Sat, Jul 11, 2020
3 Years ago
shekinah questions
Mon, Dec 27, 21, 00:00, 2 Years ago
Tue, Apr 6, 21, 00:00, 3 Years ago
Mon, Dec 28, 20, 00:00, 3 Years ago
Fri, Oct 23, 20, 00:00, 3 Years ago