Printing a piece of a webpage

[lightningjim]

Hello,

I work for a company that is looking to put its safety manual online. Each page of the site contains subsections:

400.1
blahblahblahblahblah

400.2
blahblahblahblah

...

400.n
blahblahblah

I would like to, upon clicking an icon next to the heading, open a new window with the heading and the html underneath it, to allow one to easily print out sections of the safety manual. I've been searching for a solution, and have so far come up blank. Does anyone have any ideas how this might be done?

[CloudedVision]

Do you want a print button or a printer-friendly page?

The print button isn't gonna work, you'll just have to give them instructions in there browser. The printer-friendly page should be done manually or with a server side scripting language. (eg: PHP)

[spinal007]

I think I see where you're going and it can be done as long as each heading has its relevant content within a corresponding DIV, with some sort of ID.

Example: (hand coded on the fly, not tested, but you'll get the gist)

Code: Select all

<h2 id="SectionX" onclick="PrintSection(this)">Section X</h2>
<div id="SectionXContent"> blah blah blah </div>
<script>
function PrintSection(section){
 var wind = window.open('about:blank');
 var html = document.getElementById(section.id + 'Content').innerHTML;
 wind.document.body.innerHTML = html;
 wind.print();
}
</script>