私の1ページには、2つのテーブルがあります。最初のテーブルは基本的な情報テーブルです。そして他に私は注文するリストのリストを持っています。2番目のテーブルのみを印刷したい。どうやってするの。
基本的な印刷ではありません。印刷ボタンを使用して、2番目のテーブルの内容だけを印刷したいと思います。
これがコードで、2番目のテーブルを印刷できますが、cssが適用されておらず、画面に印刷されていません。
<script language="javascript">
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
<table width="100%" class="ticketpopup" id='first'>
<tr>
<td class='label-column' width="100">Address1</td>
<td class='value-column' width="200" ><?echo $Address1?></td>
<td class='label-column' width="100">Address2</td>
<td class='value-column' width="200"><?echo $Address2?></td>
</tr>
<tr>
<td class='label-column' width="100">Suburb</td>
<td class='value-column' width="200" ><?echo $Suburb?></td>
<td class='label-column' width="100">State</td>
<td class='value-column' width="200"><?echo $State?></td>
</tr>
<tr>
<td class='label-column' width="100">Postcode</td>
<td class='value-column' width="200" ><?echo $Postcode?></td>
<td class='label-column' width="100">Telephone1</td>
<td class='value-column' width="200"><?echo $Telephone1?></td>
</tr>
<tr>
<td class='label-column' width="100">FAX </td>
<td class='value-column' width="200" ><?echo $FAX?></td>
<td class='label-column' width="100">ISPCode</td>
<td class='value-column' width="200"><?echo $ISPCode?></td>
</tr>
<tr>
<td class='label-column' width="100">Email</td>
<td class='value-column' width="200" ><?echo $Email?></td>
<td class='label-column' width="100">PosSoftware</td>
<td class='value-column' width="200"><?echo $PosSoftware?></td>
</tr>
</table>
<table id="second">
<?
for ($i=0;$i<10;$i++)
{
print "<tr><td class='label-column' width='100'>Item Name</td>
<td class='value-column' width='200'><?echo $value[$i];?></td>";
}
?>
</table>
<a href="javascript:void(printDiv('second'));">Print</a>