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 Altaf Hussain on 3:19 PM Rating: 5

1 comment:

  1. That is the one that worked for me. Iekpt the script part at the end of the file. http://biomall.bg/

    ReplyDelete

Altaf Web. Powered by Blogger.