新的web打印方法

joerong666

浏览: 417839 次
性别:
来自: 广州

最近访客更多访客>>

nandyweb

u012363178

ericyk

charles751

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

打印

Web IE HTML JavaScript 脚本

新的web打印方法，与大家共享

找到一种很不错的web打印方法，与大家分享，
使用一个打印控件,jatoolsPrinter，就可以做到打印web页面中的任何部分，我们先来设计一个web页面，如下所示：

<html>
<head>
<title>我的第一个打印文档</title>
</head>
<body bgcolor="#e0e0e0">
<div id=page1 style=background:#ffffff;margin:10;width:270;height:450;float:left>文档第一页</div>
<div id=page2 style=background:#ffffff;margin:10;width:270;height:450;float:left>文档第二页</div>
</body>
</html>

在这个文档中，有两个div对象，现在我想把这两个div对象打印输出，每个div作为单独的一页进行打印。显然ie没有提供这样的功能，在ie中，您不能指定哪些元素打印在第一页，哪些元素打印在第二页等等，但是，jatoolsPrinter做到了，我们来看看jatoolsPrinter是如何做到的，现在我们就在页面中插入这个控件，如下所示。

<html>
<head>
<title>我的第一个打印文档</title>

<OBJECT ID="jatoolsPrinter" CLASSID="CLSID:B43D3361-D975-4BE2-87FE-057188254255" codebase="jatoolsP.cab#version=1,2,0,7"></OBJECT>
</head>
<body bgcolor="#e0e0e0">
<div id=page1 style=background:#ffffff;margin:10;width:270;height:450;float:left>文档第一页</div>
<div id=page2 style=background:#ffffff;margin:10;width:270;height:450;float:left>文档第二页</div>
</body>
</html>

这个控件的id是 jatoolsPrinter，这个控件有一个方法是 print 用来打印一系列div对象。请看下面的脚本:

function doPrint()
{
   myreport = {
                        // 要打印的div 对象在本文档中，控件将从本文档中的 id 为 page1 的div对象，作为首页打印
               // id 为 page2 的作为第二页打印
                        documents:document;
               };
   jatoolsPrinter.print(myreport,false); // 直接打印，不弹出打印机设置对话框
}

由上可见，您打印若干 div对象时，需要告诉控件，这些div们所属的文档对象(html的document对象)，另外，这些div对象的id，也需要按 ‘page+序号‘ 的规则命名，序号从1开始计，也就是说，id为page1的div对象，总是作为首页打印。这些设置使用一个javascript对象来描述，也就是上面的myreport对象，具体使用方法请参考文档打印对象，下面是完整的html代码：

<html>
<head>
<title>我的第一个打印文档</title>


<OBJECT ID="jatoolsPrinter" CLASSID="CLSID:B43D3361-D975-4BE2-87FE-057188254255" codebase="jatoolsP.cab#version=1,2,0,7"></OBJECT>
<script>
function doPrint()
{
   myreport = {
                        documents:document,
               copyrights:杰创软件拥有版权 www.jatools.com       // 版权声明,必须
               };
   jatoolsPrinter.print(myreport,false); // 直接打印，不弹出打印机设置对话框
}
<script>
</head>
<body bgcolor="#e0e0e0">
<div id=page1 style=background:#ffffff;margin:10;width:270;height:450;float:left>文档第一页</div>
<div id=page2 style=background:#ffffff;margin:10;width:270;height:450;float:left>文档第二页</div>
<input type="button" value="按钮"  onClick=doPrint()>
</body>
</html>

分享到：

通过WebBrowser实现WEB打印 | CSS实现完美垂直居中

2008-04-15 10:25
浏览 2535
评论(2)
查看更多

2 楼 joerong666 2008-07-23

我只有1.1.5的,你可以到www.jatools.com下载新的试用

1 楼 wmj2003 2008-07-21

你有这个版本吗？我在网上找了很久都没有找到。烦请给我传一份wmj2003@163.com十分感谢。
版本号：jatoolsP.cab#version=1,2,0,7

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论