2014-01-30 85 views
0

所以我正在嘗試調整要打印的兩個Div的大小。使用JavaScript調整頁面大小以適合頁面(要打印)

這裏的功能:

function printDiv(printMe) { 
    var printContents = document.getElementById(printMe).innerHTML + $('#printMe2').html(); 

    var originalContents = document.body.innerHTML; 

    document.body.innerHTML = printContents; 
    window.print(); 

    document.body.innerHTML = originalContents; 

    } 

這個函數被調用一個按鈕的onClick。

總共有兩個分部,其中一個是日曆,另一個是桌子。大小有點搞砸了。它看起來像這樣:

原始DIV enter image description here

打印版本: enter image description here

我不是JavaScript的那麼大,所以我只能看不能太多。我已經搜索了相關的東西,但可悲的是沒有(好的)結果。

在此先感謝!

+0

你試圖建立一個打印樣式表,可能比試圖用JavaScript來愚弄:HTTP:/ /coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/ –

回答

0

我會創建一個不同的css文件進行打印,它更簡單,然後用JavaScript處理html。這裏是你如何做到這一點: <link rel="stylesheet" href="print-style.css" type="text/css" media="print" />@media print body {} 這裏是打印的CSS一個很好的教程 http://edutechwiki.unige.ch/en/CSS_for_print_tutorial