类似于证件打印的套打模式,在
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
野草 阅读(5026)
评论(8) 编辑 收藏 所属分类:
html/js