類似于證件打印的套打模式，在
web
頁面解決方法中比較棘手。這段時間忙里偷閑，好好研習了
dhtml
的相關技術寫了一個以此拋磚引玉。
實現(xiàn)的功能
1
、可以調整顯示數(shù)據(jù)的位置、字體和大小（certprint.css）；
2
、可以設置背景圖片和圖片大小；
3
、可以獲得數(shù)據(jù)調整后的位置（方便數(shù)據(jù)庫保存，無需每次都設置）；
4
、可以設置打印屬性（僅限
IE
）：
header/footer
、橫向
/
縱向、打印頁邊距；
5
、可以跨瀏覽器使用（除打印設置）：
IE
、
FireFox
、
Netscape;
技術點
1、?
元素拖拽技術
dragdrop.js
；
2、?
對象序列化
json.js
；
3、?
控制打印
ScriptX
；
4、?
DHTML
；
5、?
瀏覽器兼容
w3c
；
使用方法
在你的項目中建立一個類似于
certprint.html
的動態(tài)頁面，參照
toInit()
方法設置打印屬性和需要打印數(shù)據(jù)，在打印數(shù)據(jù)調整完畢可以調用
collectDataPos()
獲得調整后的數(shù)據(jù)位置，可以保存到數(shù)據(jù)庫。
源碼下載
：
通用套打
posted on 2006-12-16 21:29
野草 閱讀(5071)
評論(8) 編輯 收藏 所屬分類:
html/js