如何在javascript中打印打印區域進行打印

我目前正在獲取完整的用戶詳細信息，並將其列入數據庫表格的html表格中。我需要打印該特定列表，因此我使用window.print() 做到這一點。我把需要打印的整個html表放在一個名爲<div id="printableArea">的div裏，並使用下面的JavaScript來完成這項工作。如何在javascript中打印打印區域進行打印

function printDiv(printableArea) 
    { 
     var tabl = document.getElementById('tablePrint'); 
     var row = tabl.rows[0]; 
     var cell = row.cells[0]; 
     cell.innerHTML = ''; 
     var printContents = document.getElementById(printableArea).innerHTML; 
     var originalContents = document.body.innerHTML; 
     document.body.innerHTML = printContents; 
     window.print(); 
     document.body.innerHTML = originalContents; 
    }

但問題是，我與對應於每個row.How我能避免這些複選框選擇相處在頁面底部的按鈕pagination按鈕delete？另外我需要把打印出來的頁面變成網格格式。

需要建議。提前致謝。

來源

2012-02-10 Jimmy M

可能杜佩http://stackoverflow.com/questions/2255291/print-the-contents-of-a-div – Devjosh 2012-02-10 08:49:10

我建議隱藏它們。然後，打印結束後，再次顯示它們，如果需要的話。

這可以通過兩種方式來完成：

加載另一個樣式表，從而隱藏不需要的div的

要麼this或this應該這樣做

通過隱藏他們Javascript like（使用jQuery）：

$('#idOfDivToHide').hide();

來源

2012-02-10 08:57:26

感謝您的建議 – 2012-02-17 06:40:27

您可以將按鈕放在可打印的div區域之外。並僅將該可打印區域用於打印。你可以jQuery來做到這一點。你可以參考這個： http://www.gontztech.com/tips-and-instructions/web-design-tips-and-tutorials/printing-a-specific-section-of-web-page-without-hiding-any-content.html

來源

2012-02-10 08:55:42 rajesh

感謝您的參考RAJESH – 2012-02-11 06:39:36

如何在javascript中打印打印區域進行打印

回答

相關問題