บทความวันนี้เกี่ยวกับ โค้ด php ที่สั่งให้เราสามารถปริ๊นหน้าเวป page เราให้พอดีกับ A4 หรือขนาดอื่นๆ โดยที่ไม่ต้องใช้ ปลั๊กอินเสริมเพิ่มครับ ใช้แต่ action ในการสั่ง ไปเจอมาลองใช้กันดูครับ
<div id="printpage">
//ข้อความที่ต้องการเพิ่มให้อยู่ในระหว่า div นะครับ
</div>
<a href="#" onclick="printdiv()">Print</a>
//ส่วนนี้เป็นส่วนของปุ่มกด แล้วแต่เราชอบเลยครับบางคนเขียนเป็น bootstrap ก็แค่เพิ่ม onclick="printdiv()" ในปุ่ม
function printdiv()
{
//alert(document.getElementById("printpage").innerHTML);
var newstr=document.getElementById("printpage").innerHTML;
var header='<header><div align="center"><h3 style="color:#EB5005"> Your HEader </h3></div><br></header><hr><br>'
var footer ="Your Footer";
//You can set height width over here
var popupWin = window.open('', '_blank', 'width=1100,height=600');
popupWin.document.open();
popupWin.document.write('<html> <body onload="window.print()">'+ newstr + '</html>' + footer);
//ส่วนนี้ ถ้าต้องการเพิ่ม Header ก็วางไว้หน้า newstr ได้เลยครับ
popupWin.document.close();
return false;
}
---------------------------------------------------------------------------------------
<div id="printpage">
//ข้อความที่ต้องการเพิ่มให้อยู่ในระหว่า div นะครับ
</div>
<a href="#" onclick="printdiv()">Print</a>
//ส่วนนี้เป็นส่วนของปุ่มกด แล้วแต่เราชอบเลยครับบางคนเขียนเป็น bootstrap ก็แค่เพิ่ม onclick="printdiv()" ในปุ่ม
function printdiv()
{
//alert(document.getElementById("printpage").innerHTML);
var newstr=document.getElementById("printpage").innerHTML;
var header='<header><div align="center"><h3 style="color:#EB5005"> Your HEader </h3></div><br></header><hr><br>'
var footer ="Your Footer";
//You can set height width over here
var popupWin = window.open('', '_blank', 'width=1100,height=600');
popupWin.document.open();
popupWin.document.write('<html> <body onload="window.print()">'+ newstr + '</html>' + footer);
//ส่วนนี้ ถ้าต้องการเพิ่ม Header ก็วางไว้หน้า newstr ได้เลยครับ
popupWin.document.close();
return false;
}
---------------------------------------------------------------------------------------
ความคิดเห็น
แสดงความคิดเห็น