网页打印界面至少具备以下几点要求
1、打印按钮工具条 包括 打印、页面设置、打印预览 等
2、打印页面内容
打印工具条我们可以采用IE的一款未公开的控件进行打印控制。
控件 CLSID:8856F961-340A-11D0-A96B-00C04FD705A2
网页打印本来就是很尴尬的解决方案,所以,我们的浏览器兼容性也就不考虑了,通通IE6以上,相信这个要求也不是很苛刻。
打印页面的内容理所当然使用css控制了,对于一些不想让打印机打印的,则使用css 的设备标签 @media print{}
例如:
打印控制代码如下:
综合以上几步,我们即可以生成打印界面。
附件:AC_AX_RunContent() 需要引用两个js文件
1、AC_RunActiveContent.js
2、AC_ActiveX.js
philips
1、打印按钮工具条 包括 打印、页面设置、打印预览 等
2、打印页面内容
打印工具条我们可以采用IE的一款未公开的控件进行打印控制。
控件 CLSID:8856F961-340A-11D0-A96B-00C04FD705A2
网页打印本来就是很尴尬的解决方案,所以,我们的浏览器兼容性也就不考虑了,通通IE6以上,相信这个要求也不是很苛刻。
打印页面的内容理所当然使用css控制了,对于一些不想让打印机打印的,则使用css 的设备标签 @media print{}
例如:
1@media print{
2.noprint {
3display:none;
4}
5}
对于不想打印的段落,层,表格,我们设定其noprint样式即可。2.noprint {
3display:none;
4}
5}
打印控制代码如下:
1 <SCRIPT language="javascript">
2function Print()
3{ if(confirm("确认要打印吗?"))
4{ document.all.wb.execwb(6,6); }
5}
6function PrintView() {
7 document.all.wb.execwb(7,1);
8 }
9function PrintSetUp() { document.all.wb.execwb(8,1);
10 }
11function CloseWindow() { document.all.wb.execwb(45,1);
12window.close(); }
13</SCRIPT>
14<!--控件加载-->
15 <script type="text/javascript">
16AC_AX_RunContent( 'id','wb','height','2','width','3','classid','CLSID:8856F961-340A-11D0-A96B-00C04FD705A2','name','wb','viewastext','VIEWASTEXT' ); //end AC code
17</script><noscript><OBJECT id="wb" height="2" width="3" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" name="wb" VIEWASTEXT> </OBJECT></noscript>
18
2function Print()
3{ if(confirm("确认要打印吗?"))
4{ document.all.wb.execwb(6,6); }
5}
6function PrintView() {
7 document.all.wb.execwb(7,1);
8 }
9function PrintSetUp() { document.all.wb.execwb(8,1);
10 }
11function CloseWindow() { document.all.wb.execwb(45,1);
12window.close(); }
13</SCRIPT>
14<!--控件加载-->
15 <script type="text/javascript">
16AC_AX_RunContent( 'id','wb','height','2','width','3','classid','CLSID:8856F961-340A-11D0-A96B-00C04FD705A2','name','wb','viewastext','VIEWASTEXT' ); //end AC code
17</script><noscript><OBJECT id="wb" height="2" width="3" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" name="wb" VIEWASTEXT> </OBJECT></noscript>
18
关于 AC_AX_RunContent()函数的说明,该函数是DW的内置库,用于兼容浏览器的,该库文件我在附件中贴出。
打印ToolBox HTML代码如下:
1<div id="printToolbox" class="noprint">
2<input name="btnPageSet" id="btnPageSet" type="button" class="btn2" value="页面设置" onclick="PrintSetUp()" />
3<input name="btnPreview" id="btnPreview" type="button" class="btn2" value="预览" onclick="PrintView()" />
4<input name="btnPrint" id="btnPrint" type="button" value="打印" class="btn2" onclick="Print()" />
5<input name="btnClose" id="btnClose" type="button" class="btn2" value="关闭" onclick="CloseWindow();" />
6</div>
7
2<input name="btnPageSet" id="btnPageSet" type="button" class="btn2" value="页面设置" onclick="PrintSetUp()" />
3<input name="btnPreview" id="btnPreview" type="button" class="btn2" value="预览" onclick="PrintView()" />
4<input name="btnPrint" id="btnPrint" type="button" value="打印" class="btn2" onclick="Print()" />
5<input name="btnClose" id="btnClose" type="button" class="btn2" value="关闭" onclick="CloseWindow();" />
6</div>
7
综合以上几步,我们即可以生成打印界面。
附件:AC_AX_RunContent() 需要引用两个js文件
1、AC_RunActiveContent.js
2、AC_ActiveX.js
philips