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
The Html
Demo
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
Contents of the div to be to printed !!
Print a div with javascript
Reviewed by JS Pixels
on
June 20, 2011
Rating:
That is the one that worked for me. Iekpt the script part at the end of the file. http://biomall.bg/
ReplyDelete