Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>WEB打印控件LODOP的样例二:打印当前页面的内容</title>
<script language="javascript" src="LodopFuncs.js"></script>
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
<embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 pluginspage="install_lodop.exe"></embed>
</object>
</head>
<body>
<h2><font color="#009999">演示如何打印当前页面的内容：</font>
</h2>
<form id="form1">
<table border="1" width="300" id="tb01" bgcolor="#CCFFCC"><tr><td width="133" id="mtb001">
<font face="黑体" color="#FF0000" size="3"><u> 《表单一》 </u></font></td></tr></table>
<table border="1" width="300" height="106" cellspacing="0" bgcolor="#CCFFFF"style="border-collapse:collapse;table-layout:fixed;"><tr>
<td width="66" height="16"><font color="#0000FF">A</font><font color="#0000FF">等</font></td>
<td width="51" height="16"><font color="#0000FF">B</font><font color="#0000FF">等</font></td>
<td width="51" height="16"><font color="#0000FF">C</font><font color="#0000FF">等</font></td></tr>
<tr>
<td width="66" height="16">A<sub>01</sub></td>
<td width="80" height="12">中-001</td>
<td width="51" height="12">C1<sup>x</sup></td>
</tr>
<tr>
<td width="66" height="16">A<sub>02</sub></td>
<td width="80" height="16">日-スの</td>
<td width="51" height="16"><font face='Vernada'>7㎥</font></td>
</tr>
<tr><td width="66" height="16" style="overflow:hidden">A<sub>03</sub><nobr>over隐藏后面的：1234567890</nobr>
</td><td width="80" height="16" style="overflow:hidden">韩-안녕</td><td width="51" height="16">C3<sup>x</sup>
</td></tr> </table>
</form>
<br>
<div id="form2">
<table border="1" width="100%" id="tb01" bgcolor="#CCFFCC"><tr><td width="133" id="mtb001">
<font face="黑体" color="#FF0000" size="3">《表单二》©</font></td></tr></table>
<table border="1" width="100%" height="106" cellspacing="0" bgcolor="#CCFFFF" style="border-collapse:collapse"><tr>
<td width="66" height="16"><font color="#0000FF">X</font><font color="#0000FF">等</font></td>
<td width="51" height="16"><font color="#0000FF">Y等</font></td>
<td width="51" height="16"><font color="#0000FF">Z等</font></td></tr>
<tr><td width="66" height="12"><span style="font-family:Wingdings;font-size:25px;" >þ</span>X001</td><td width="51" height="12"><strike>Y001</strike></td>
<td width="51" height="44" rowspan="3">
<ol style="list-style-type:upper-alpha;list-style-position:inside;">
<li>Z001</li>
<li>Z002</li>
<li>Z003</li>
<li>Z004</li>
<li>Z005</li>
</ol>
</td></tr>
<tr><td width="66" height="16"><strong>X002</strong></td><td width="51" height="16"><u>Y002</u><span style="visibility: hidden">hidesome</span></td></tr>
<tr><td width="66" height="16"><span style="text-decoration: overline">X003</span></td><td width="51" height="16"><em>Y003</em></td></tr> </table>
</div>
<p>1：若只打印《表单一》,看一下<a href="javascript:prn1_preview()">打印预览</a>,可<a href="javascript:prn1_print()">直接打印</a>也可
<a href="javascript:prn1_printA()">选择打印机</a>打印。<br><br>
2：若《表单一》和《表单二》一起并列输出,看一下<a href="javascript:prn2_preview()">打印预览</a>,其布局风格可<a href="javascript:prn2_manage()">打印维护</a>调整。
<p>3：若打印整个页面,看看<a href="javascript:prn3_preview()">打印预览</a>。<br><br>
本例要点是用Document的innerHTML方法把打印目标的超文本送给控件。
<p><a href="PrintSampIndex.html"><<回样例目录</a>
</p>
<script language="javascript" type="text/javascript">
var LODOP; //声明为全局变量
function prn1_preview() {
CreateOneFormPage();
LODOP.PREVIEW();
};
function prn1_print() {
CreateOneFormPage();
LODOP.PRINT();
};
function prn1_printA() {
CreateOneFormPage();
LODOP.PRINTA();
};
function CreateOneFormPage(){
LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_表单一");
LODOP.SET_PRINT_STYLE("FontSize",18);
LODOP.SET_PRINT_STYLE("Bold",1);
LODOP.ADD_PRINT_TEXT(50,231,260,39,"打印页面部分内容");
LODOP.ADD_PRINT_HTM(88,200,350,600,document.getElementById("form1").innerHTML);
};
function prn2_preview() {
CreateTwoFormPage();
LODOP.PREVIEW();
};
function prn2_manage() {
CreateTwoFormPage();
LODOP.PRINT_SETUP();
};
function CreateTwoFormPage(){
LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_表单二");
LODOP.ADD_PRINT_RECT(70,27,634,242,0,1);
LODOP.ADD_PRINT_TEXT(29,236,279,38,"页面内容改变布局打印");
LODOP.SET_PRINT_STYLEA(2,"FontSize",18);
LODOP.SET_PRINT_STYLEA(2,"Bold",1);
LODOP.ADD_PRINT_HTM(88,40,321,185,document.getElementById("form1").innerHTML);
LODOP.ADD_PRINT_HTM(87,355,285,187,document.getElementById("form2").innerHTML);
LODOP.ADD_PRINT_TEXT(319,58,500,30,"注：其中《表单一》按显示大小，《表单二》在程序控制宽度(285px)内自适应调整");
};
function prn3_preview(){
LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_全页");
LODOP.ADD_PRINT_HTM(0,0,"100%","100%",document.documentElement.innerHTML);
LODOP.PREVIEW();
};
</script>
</body>
</html>