Click here to Skip to main content
Click here to Skip to main content
Technical Blog

Tagged as

How to Print a Particular Portion of a Webpage?

, 4 Apr 2013 CPOL
Rate this:
Please Sign up or sign in to vote.
How to print a particular portion of a webpage?

Introduction

Here I am going to demonstrate “how to print a particular portion of webpage?”. We use Window.Print() JavaScript in order to print data displayed on web-page. But there may be a case when I didn’t need to print the whole page or just required to print one small portion of page instead of the whole page, in those scenarios, Window.print() won’t work. So what should we do in such a situation? Here is the answer.

Inside the Code

We can print web document through JavaScript, so definitely we’ll write some JavaScript to print portion of web page. Here is the script:

function CallPrint(strid) {
    var prtContent = document.getElementById(strid);
    var WinPrint = window.open('', '', 'letf=0,top=0,width=1,height=1,
                    toolbar=0,scrollbars=0,status=0');
    WinPrint.document.write(prtContent.innerHTML);
    WinPrint.document.close();
    WinPrint.focus();
    WinPrint.print();
    WinPrint.close();
    prtContent.innerHTML = strOldOne;
}

Now, how to use this JavaScript? For that, create a <div /> element and assign unique id to it (i.e. <div ID=”divPrint”). Now put your HTML content between this <div />.

For example, if I want to print Item information which are displays on grid like:

<asp:DataGrid Id=”grdItem” runat="”server">
 <Columns>
          ……..
          ……..
 </Columns>
</asp:DataGrid>

Put this whole HTML content between <div/> tag. Now in the onClientClick event of button, call JavaScript function like:

OnClientClick=”CallPrint(‘divPrint’)”

This completes your printing.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Himanshu Manjarawala
Team Leader Automation Anywhere Inc.
India India
I am Himanshu Manjarawala, Garduate in Computer Science and MCA From Veer Narmad South Gujarat University, Surat Gijarat India. Currently working as Sr. Software Developer in Automation Anywhere Softwares Pvt. Ltd. Vadodara, Gujarat
Follow on   Twitter   Google+

Comments and Discussions

 
QuestionWhat about css? PinmemberBernhard Hiller16-Apr-13 5:38 
QuestionRe: What about css? PinmemberHimanshu Manjarawala30-May-13 19:18 
Hi will you attach your approach as alternative way??
Himanshu Manjarawala.
Sr. Software Engineer
http://www.himanshumbi.blogspot.com
http://www.fieredotnet.wordpress.com

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.1411019.1 | Last Updated 5 Apr 2013
Article Copyright 2013 by Himanshu Manjarawala
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid