利用IE自身功能打印预览
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>仕入購買管理システム</title>
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/html.css" media="screen">
<script language="javascript" type="text/javascript" src="../Script/print.js"></script>
</head>
<body style="background-color:#FFFFFF">
<div class="divWithScorll_Y" >
<div style="margin:5px 5px 0px 0px;"align="right" id="divButton"><input name="btnPrint" type="button" id="btnRegister" style="width:80px;" value="印刷" onClick="Print(7,1);" />
<input name="btnApply" type="button" id="btnCancel" style="width:80px;" onclick="Print(45,1);" value="閉じる" /></div>
<div align="center" id="divCover" style="height:660px; width:95%;font-size:36px"><br/><br/><br/><br/>送<br/><br/><br/>付<br/><br/><br/>状<br/><br/></div>
<div id="divMain" style="page-break-before:always;"></div>
<table width="97%" border="1" >
<tr>
<th width="3%" align="center" class="JobStatLabel" scope="col">No.</th>
<th width="15%" class="JobStatLabel" scope="col">項目</th>
<th width="82%" class="JobStatLabel" scope="col">値</th>
</tr>
<tr>
<td align="center" class="JobStatLabel" >1</td>
<td class="JobStatGatherLabel">見積依頼番号</td>
<td><label>SRB0001</label></td>
</tr>
<tr>
<td align="center" class="tdEven">2</td>
<td class="tdEven">登録者社員番号</td>
<td class="tdEven" ><label>Staff001</label></td>
</tr>
<tr>
<td align="center" class="JobStatLabel">3</td>
<td class="JobStatGatherLabel">登録者氏名</td>
<td><label>admin</label></td>
</tr>
<tr>
<td align="center" class="tdEven">4</td>
<td class="tdEven">申請者社員番号</td>
<td class="tdEven" ><label>Staff002</label></td>
</tr>
<tr>
<td align="center" class="JobStatLabel">5</td>
<td class="JobStatGatherLabel">申請者氏名</td>
<td><label>ApplyName</label></td>
</tr>
<tr>
<td align="center" class="tdEven">6</td>
<td class="tdEven">申請日</td>
<td class="tdEven" ><label>2006/09/08</label>
</td>
</tr>
<tr>
<td align="center" class="JobStatLabel">7</td>
<td class="JobStatGatherLabel">申請部門コード</td>
<td><label>Part001</label></td>
</tr>
<tr>
<td align="center" class="tdEven">8</td>
<td class="tdEven">申請部門名</td>
<td class="tdEven" ><label>部門名</label></td>
</tr>
<tr>
<td align="center" class="JobStatLabel">9</td>
<td class="JobStatGatherLabel">申請者電話番号</td>
<td><label>0105489654</label></td>
</tr>
<tr>
<td align="center" class="tdEven">10</td>
<td class="tdEven">申請者内線番号</td>
<td class="tdEven" ><label>5678</label></td>
</tr>
<tr>
<td align="center" class="JobStatLabel">11</td>
<td class="JobStatGatherLabel">申請者ＦＡＸ番号</td>
<td><label>5678</label></td>
</tr>
<tr>
<td align="center" class="tdEven">12</td>
<td class="tdEven">希望納品日</td>
<td class="tdEven" ><label>2006/09/10</label></td>
</tr>
<tr>
<td align="center" class="JobStatLabel">13</td>
<td class="JobStatGatherLabel">希望納品日備考</td>
<td><br/>
<label>希望納品日備考希望納品日備考希望納品日備考希望納品日備考希望納品日備考<br/>
希望納品日備考希望納品日備考希望納品日備考希望納品日備考</label>
<br />
<br/></td>
</tr>
<tr>
<td align="center" class="tdEven">14</td>
<td class="tdEven">プロジェクト番号</td>
<td class="tdEven" ><label>プロジェクト番号</label></td>
</tr>
<tr>
<td align="center" class="JobStatLabel">15</td>
<td class="JobStatGatherLabel">追加番号</td>
<td ><label>追加番号</label></td>
</tr>
<tr>
<td align="center" class="tdEven">16</td>
<td class="tdEven">仕入対象区分</td>
<td class="tdEven" ><label>仕入販売</label></td>
</tr>
<tr>
<td align="center" class="JobStatLabel">17</td>
<td class="JobStatGatherLabel">申請者備考</td>
<td><br/>
<label>申請者備考申請者備考申請者備考申請者備考申請者備考申請者備考申請者備考<br/>
申請者備考申請者備考申請者備考申請者備考申請者備考</label>
<br />
<br/></td>
</tr>
<tr>
<td align="center" class="tdEven">18</td>
<td class="tdEven">ベンダー連絡事項</td>
<td class="tdEven" ><br/>
<label>ベンダー連絡事項ベンダー連絡事項ベンダー連絡事項ベンダー連絡事項ベンダー連絡事項ベンダー連絡事項<br/>
ベンダー連絡事項ベンダー連絡事項ベンダー連絡事項ベンダー連絡事項ベンダー連絡事項</label>
<br />
<br/></td>
</tr>
</table>
<br/>
<br/>
<div style="page-break-before:always;"></div>
<table width="97%" border="1">
<tr>
<th width="4%" class="JobStatLabel" scope="col"> </th>
<th width="3%" class="JobStatLabel" scope="col">No.</th>
<th width="23%" class="JobStatLabel" scope="col">製品名</th>
<th width="15%" class="JobStatLabel" scope="col">製品番号</th>
<th width="19%" class="JobStatLabel" scope="col">メーカー名</th>
<th width="8%" class="JobStatLabel" scope="col">数量</th>
<th width="8%" class="JobStatLabel" scope="col">単価</th>
<th width="18%" class="JobStatLabel" scope="col">金額</th>
</tr>
<tr>
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox" value="checkbox" /></td>
<td align="center">1</td>
<td>製品名0001</td>
<td>製品番号0001</td>
<td>メーカー名0001</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr class="tdEven">
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox2" value="checkbox" /></td>
<td align="center">2</td>
<td >製品名0002</td>
<td >製品番号0002</td>
<td >メーカー名0002</td>
<td align="right" >30</td>
<td align="right" >1000</td>
<td align="right" >30000</td>
</tr>
<tr>
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox3" value="checkbox" /></td>
<td align="center">3</td>
<td>製品名0003</td>
<td>製品番号0003</td>
<td>メーカー名0003</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr class="tdEven">
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox4" value="checkbox" /></td>
<td height="16" align="center">4</td>
<td >製品名0004</td>
<td >製品番号0004</td>
<td >メーカー名0004</td>
<td align="right" >30</td>
<td align="right" >1000</td>
<td align="right" >30000</td>
</tr>
<tr>
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">5</td>
<td>製品名0005</td>
<td>製品番号0005</td>
<td>メーカー名0005</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr class="tdEven">
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">6</td>
<td>製品名0005</td>
<td>製品番号0006</td>
<td>メーカー名0006</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr>
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">7</td>
<td>製品名0005</td>
<td>製品番号0007</td>
<td>メーカー名0007</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr class="tdEven">
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">8</td>
<td>製品名0005</td>
<td>製品番号0008</td>
<td>メーカー名0008</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr>
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">9</td>
<td>製品名0005</td>
<td>製品番号0009</td>
<td>メーカー名0009</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr class="tdEven">
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">10</td>
<td>製品名0005</td>
<td>製品番号0010</td>
<td>メーカー名0010</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr>
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">11</td>
<td>製品名0005</td>
<td>製品番号0011</td>
<td>メーカー名0011</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr class="tdEven">
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">12</td>
<td>製品名0005</td>
<td>製品番号0012</td>
<td>メーカー名0012</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr>
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">13</td>
<td>製品名0005</td>
<td>製品番号0013</td>
<td>メーカー名0013</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr class="tdEven">
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">14</td>
<td>製品名0005</td>
<td>製品番号0014</td>
<td>メーカー名0014</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
<tr>
<td align="center" class="JobStatLabel"><input type="checkbox" name="checkbox5" value="checkbox" /></td>
<td align="center">15</td>
<td>製品名0005</td>
<td>製品番号0015</td>
<td>メーカー名0015</td>
<td align="right">20</td>
<td align="right">1000</td>
<td align="right">20000</td>
</tr>
</table>
<br/>
<br/>
<br/>
<br/>
</div>
</body>
</html>
print.js
<!--
function Print(OleCmdID, Prompt) {
/*
* OleCmdID values:
* 1 - Open Window
* 4 - Save As
* 6 - Print
* 7 - Print Preview
* 8 - Print Set
* 45- Close Window
*/
var WebBrowser = "<OBJECT ID='WebBrowser1' style='display:none' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></OBJECT>";
document.body.insertAdjacentHTML("beforeEnd", WebBrowser);
WebBrowser1.ExecWB(OleCmdID, Prompt);
WebBrowser1.outerHTML = "";
}
//-->
print.css就是页面打印时要用的样式表文件。
浙公网安备 33010602011771号