May 28, 2008

Javascript - 列印頁面某個區段, 並且提示列印換頁指令

一、列印頁面某個區段

function doPrint(block) {
var value = document.getElementById(block).innerHTML;
var printdetail = window.open("","printDetail","");
printdetail.document.open();
printdetail.document.write("<HTML><head></head><BODY onload='window.print();window.close();'>");
printdetail.document.write("<PRE>");
printdetail.document.write(value);
printdetail.document.write("</PRE>");
printdetail.document.close("</BODY></HTML>");
}

在原始碼中利用<div id="block"> ===欲列印程式碼區段=== </div>方式,再用觸發事件啟動 script 即可。

二、提示列印換頁指令
必須透過CSS 的 Pagebreak 來處理 :

CSS :
{ page-break-after: always; /*在標籤後換頁*/ }
{ page-break-before: always; /*在標籤前換頁*/ }

HTML 使用方式 :
第一頁
<P style='page-break-after:always'> & nbsp;</P>
第二頁

No comments: