PHP Print DIV
Setup nginx
July 17, 2021Block Update WordPress
July 28, 2021<div id='calendar'>
<p>This is a sample text for printing purpose.</p>
</div>
<p>Do not print.</p>
<input type='button' id='btn' value='Print' onclick='printDiv();'>
<script>
function printDiv()
{
var divToPrint=document.getElementById('calendar');
var newWin=window.open('','Print-Window');
newWin.document.open();
newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
newWin.document.close();
setTimeout(function(){newWin.close();},10);
}
</script>
new code
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="printableArea">
<h1>Print me</h1>
</div>
<input type="button" value="print a div!" />
<div id="kawasanprint">
fdfdfdfd
gfgfgfgfgf
gfgfgfgfgf
gfgfgfgfgf
</div>
</body>
</html>
<script>
document.querySelectorAll('[type="button"]')[0].addEventListener("click", function() {
printDiv('kawasanprint')
});
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>
