傳遞父div到使用javascript的彈出div

我正在爲客戶端設計一個頁面，我有一個數據庫表裏面的一個叫'areaToPrint'，我想以某種方式打印，我想能夠CSS格式化表格。基本的想法是使用javascript將'areaToPrint'.innerhtml發送到我的css格式文件printer.php中的名爲'printer'的div。傳遞父div到使用javascript的彈出div

//我在主/父頁面腳本

<script> 
function printDiv() 
{ 
var divToPrint=document.getElementById('areaToPrint'); 
var newWin = window.open("printer.php"); 
newWin.document.getElementById('printer').innerHTML=divToPrint.innerHTML; 
newWin.print(); 
newWin.close(); 
} 
</script>

// body元素中Printer.php

<body> 
<div id="printer"></div> 
</body>

我想areaToPrint的內容，填補了popuped打印機DIV printer.php。我能夠做使用的東西類似的任務像

newWin.document.write(divToPrint.outerHTML)

但我希望能夠以CSS格式DIV中的表。（javascript被稱爲一個鏈接）

JavaScript的任何建議故障的建議？

來源

2011-07-29 Michel Edkrantz

除非你是想格式化動態與javscript的表也許jQuery的將是大有裨益的

$(this).parent() 
$("someone").css() 
$("someone").addClass()

來源

2011-07-29 08:24:16

（例如，改變基於交互視覺樣式）。最簡單的方法是在你的printer.php視圖模板中包含樣式表。

例如

<html> 
    <head> 
     <link rel="text/css" media="print" href="css/print.css" /> 
    </head> 
    <body> 
     <div id="printer"></div> 
    </body> 
<html>

來源

2011-07-29 10:10:35 AshHeskes

是的，這就是我在我的打印機中做的。我只是沒有包括頭塊。我的問題是如何做Javascript和解決打印機股利。 –

在這種情況下，我不確定你要求什麼，你的問題是你想知道如何添加CSS樣式。請你澄清一下。 – AshHeskes

如果我讓自己不清楚，我很抱歉。我想在我的主頁上打開一個div的內容，打開一個新窗口printer.php並用它的內容填充它的打印機div！我可以做一個outerHTML寫入，但後來我失去了我的CSS格式。 –

傳遞父div到使用javascript的彈出div

回答

相關問題