类似于证件打印的套打模式,在 web 页面解决方法中比较棘手。这段时间忙里偷闲,好好研习了 dhtml 的相关技术写了一个以此抛砖引玉。

实现的功能

1 、可以调整显示数据的位置、字体和大小(certprint.css);

2 、可以设置背景图片和图片大小;

3 、可以获得数据调整后的位置(方便数据库保存,无需每次都设置);

4 、可以设置打印属性(仅限 IE ): header/footer 、横向 / 纵向、打印页边距;

5 、可以跨浏览器使用(除打印设置): IE FireFox Netscape;

技术点

1、  元素拖拽技术 dragdrop.js

2、  对象序列化 json.js

3、  控制打印 ScriptX

4、  DHTML

5、  浏览器兼容 w3c

使用方法

在你的项目中建立一个类似于 certprint.html 的动态页面,参照 toInit() 方法设置打印属性和需要打印数据,在打印数据调整完毕可以调用 collectDataPos() 获得调整后的数据位置,可以保存到数据库。

源码下载 通用套打
posted on 2006-12-16 21:29 野草 阅读(5018) 评论(8)  编辑  收藏 所属分类: html/js

评论:
# re: 通用套打web端解决方法 2008-07-28 09:42 | lic
您的打印程序能直接嵌入j2ee程序吗?  回复  更多评论
  
# re: 通用套打web端解决方法 2009-03-27 15:35 | helloqidi
强,不得不支持啊,谢谢博主分享!  回复  更多评论
  
# re: 通用套打web端解决方法 2009-05-14 20:57 | aguoit
不错。。赞  回复  更多评论
  
# re: 通用套打web端解决方法 2009-05-23 23:00 | 陆枫
谢谢分项  回复  更多评论
  
# re: 通用套打web端解决方法 2009-12-03 10:38 | xxyuwei
太强了。测试通过。谢谢博主分享!  回复  更多评论
  
# re: 通用套打web端解决方法[未登录] 2010-01-15 13:11 | sun
您好 我在项目中使用您这个web通用套打,遇到一个问题,0,0点坐标定位不准确。从程序中也为找到设置, 横向纵向 也为找到  回复  更多评论
  
# re: 通用套打web端解决方法 2011-05-13 22:52 | 评购网
不能换行哦,有没有办法解决哦  回复  更多评论
  
# re: 通用套打web端解决方法 2011-07-03 13:34 | 小黄
可以实现连续套打么  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: