Hi, guys below are an example to print a specific area in javascript, also you can hide the specific area.
Example:
<html>
<body>
<div id="printableArea"> <h1 style="color:red">Print me</h1> </div>
<div><h2>Not print</h1></div>
<input type="button" onclick="printDiv('printableArea')" value="print a div!" />
<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
</body>
</html>
Output:
Example:
<html>
<body>
<div id="printableArea"> <h1 style="color:red">Print me</h1> </div>
<div><h2>Not print</h1></div>
<input type="button" onclick="printDiv('printableArea')" value="print a div!" />
<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
</body>
</html>
Output:
No comments:
Post a Comment