Print a div with javascript

Hello Friends. Sometimes yoy want to print contents of only a div and not the whole window. Use this little javascript function.

Just click on the print button and the contents of the div will be printed.

The Javascript

 <script type="text/javascript">    
 function PrintThis() {   
  var printThisDiv=document.getElementById('print-cntnt');
  var popup=window.open('','_blank','width=400,height=350');
  popup.document.open();
  popup.document.write('<html><body onload="window.print()">'
          + printThisDiv.innerHTML + '</html>');
  popup.document.close();
  }
  </script>


The Html

  <div id="print-cntnt">
      Contents of the div to be to printed !!
  </div>
 <input type="button" value="Print" onClick="PrintThis();">


Demo

Print a div with javascript Print a div with javascript Reviewed by JS Pixels on June 20, 2011 Rating: 5

1 comment:

Altaf Web. Powered by Blogger.