how to printing a particular div?

[yaragallamurali]

Hi I have 5 div tags in my html page and there is a print button. when i click on the print button it has to print only a particular div. for example it has to print the 2nd div which contains some personal information. It should not print the rest of the page. Only the content of the 2nd div should be printed. how to achieve this?

[harpalsinh999]

You could use a print specific CSS stylesheet and hide everything but what you want printed.

 

<div class="no-print">I won't print</div><div class="something-else">I will!</div>

 

 

Just the no-print class will be hidden, but anything with a print class will show.

 

<style type="text/css" media="print">.no-print { display: none; }</style>

[yaragallamurali]

there is a problem. if display=none then the div's are not visible in the browser. I don't want this to happen. Even when everything is being displayed only a particular div should get printed. My most concern is the view in the browser should not change because of printing. Is there any good solution for this?

[davej]

I would think about creating a new window with just the desired div innerHTML and a print button.