Question

The contents of the following div is derived dynamically: i.e a table is added dynamically to this div with some button.

My question is how to print the content of this div(window.print) and not other things in the page

<div id="newdiv" name="newdiv"></div>

Thanks.

Answer 1

Two ideas:

• Introduce a print stylesheet

   <link rel="stylesheet" href="print.css" type="text/css" media="print"  />
  

  that will give every element display: none except for newdiv:

   * { display: none } /* This should hide all elements */
   div#newdiv { display: block } /* This should make newdiv visible again */
  

  I can’t test this right now but I can’t see why this wouldn’t work.

• Copy the contents of the div into a newly created iframe element using JavaScript and print that.

  Lots of obstacles on the road that way, though. I’d try using CSS first.