Do you know how to print a div? Read this simple and step by step article and get the code that will print a div with browser’s compatibility.1.Create a html page
2.Link print.js file
function printSelection(node) {
var content = node.innerHTML
var pwin = window.open('', 'print_content', 'width=700px,height=900px');
pwin.document.open();
pwin.document.write('<html><body onload="window.print()"><img src="http://demo1.ntsplhosting.com/print-js/vedanta_logo.jpg" width="171" height="80">' + content + '</body></html>');
pwin.document.close();
setTimeout(function() { pwin.close(); }, 5000);
}
3.Add a div with id=’printtext’
4.write text with in div
5.close div
6.add a button
<input id="Button1" type="button" value="Print" onclick="printSelection(document.getElementById('printtext'));return false" />
7.Your page like:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Print Demo Create By Sameer Kumar Das</title>
<script src="print.js" type="text/javascript"></script>
</head>
<body>
<input id="Button1" type="button" value="Print" onclick="printSelection(document.getElementById('printtext'));return false" />
<div id='printtext'>
asdasdasd asd
</div>
</body>
</html>
