超神奇，Word文档变Flash表单

 

先看一下附件中的word文档swjc.docx：

 再看一下结果：

http://www.hgsql.com/down/fpd.html

 

制作过程

用XDOC Office打开附件中的word文档，如下图：

 

将下划线转换为输入项，如下图：

 

选择输入项，在属性编辑器中对输入项做简单调整，如下图：

 

另存为swjc.swf.zip

 

将附件中的fpd.swf与swjc.swf.zip部署到你的web应用目录下，编写html文件实现数据与flash表单的交互，html如下：

Html代码  

1. <html>  
2. <head>  
3. <title>FLEX文书在线填报演示</title>  
4. <meta http-equiv=Content-Type content="text/html; charset=UTF-8">  
5. </head>  
6. <body style="margin:0; overflow:hidden;">  
7. <input type="button" value="新建" onclick="create()">  
8. <input type="button" value="编辑" onclick="edit()">  
9. <input type="button" value="保存" onclick="save()">  
10. <input type="button" value="打印" onclick="print()">  
11. <script>  
12. //获取fpd，兼容ie、firefox、chrome   
13. function getFpd() {   
14.     var vfpd = document.getElementById("fpd2");   
15.     if (vfpd == null) {   
16.         vfpd = document.getElementById("fpd");   
17.     }   
18.     return vfpd;   
19. }   
20. //新建   
21. function create() {   
22.     //清除值   
23.     getFpd().clearItemsValue();   
24.     //设置缺省值   
25.     getFpd().setItemValue("字","2012");   
26.     //其它缺省值...   
27. }   
28. //编辑   
29. function edit() {   
30.     //以xml形式传入待修改的数据   
31.     getFpd().setXmlData(   
32.         "<data>"+   
33.         "  <字>2011</字>"+   
34.         "  <号>12</号>"+   
35.         "  <纳税人>北京XXX科技公司</纳税人>"+   
36.         "  <检查人>张三、李四、王五</检查人>"+   
37.         "  <检查日期>2011-06-20</检查日期>"+   
38.         "  <开始日期>2011-01-01</开始日期>"+   
39.         "  <结束日期>2011-05-31</结束日期>"+   
40.         "  <通知日期>2011-06-11</通知日期>"+   
41.         "</data>");   
42.     //也可以直接设置值   
43.     //getFpd().setItemValue("字","2013");   
44. }   
45. //保存   
46. function save() {   
47.     //获取到xml数据保存到服务器   
48.     alert(getFpd().getXmlData());   
49.     //也可以获取单独的值   
50.     //alert(getFpd().getItemValue("纳税人"));   
51. }   
52. //打印   
53. function print() {   
54.     getFpd().print();   
55. }   
56. //fpd初始化后自动调用   
57. function onFpdOpen() {   
58.     edit();   
59. }   
60. </script>  
61. <br>  
62. <object id="fpd" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" width="100%" height="600">  
63. <!--swjc.swf.zip可以用XDocOffice编辑-->  
64. <param name="movie" value="fpd.swf?dataUrl=swjc.swf.zip">  
65. <param name="quality" value="high">  
66. <param name="bgcolor" value="#869ca7">  
67. <param name="allowScriptAccess" value="sameDomain">  
68. <param name="allowFullScreen" value="true">  
69. <comment>  
70. <embed id="fpd2" src="fpd.swf?dataUrl=swjc.swf.zip" quality="high" bgcolor="#869ca7"  
71. width="100%" height="600" name="fpd" align="middle"  
72. play="true" loop="false" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash"  
73. pluginspage="http://www.adobe.com/go/getflashplayer">  
74. </embed>  
75. </comment>  
76. </object>  
77. </body>  
78. </html>  

<html>
<head>
<title>FLEX文书在线填报演示</title>
<meta http-equiv=Content-Type content="text/html; charset=UTF-8">
</head>
<body style="margin:0; overflow:hidden;">
<input type="button" value="新建" onclick="create()">
<input type="button" value="编辑" onclick="edit()">
<input type="button" value="保存" onclick="save()">
<input type="button" value="打印" onclick="print()">
<script>
//获取fpd，兼容ie、firefox、chrome
function getFpd() {
	var vfpd = document.getElementById("fpd2");
	if (vfpd == null) {
		vfpd = document.getElementById("fpd");
	}
	return vfpd;
}
//新建
function create() {
	//清除值
	getFpd().clearItemsValue();
	//设置缺省值
	getFpd().setItemValue("字","2012");
	//其它缺省值...
}
//编辑
function edit() {
	//以xml形式传入待修改的数据
	getFpd().setXmlData(
		"<data>"+
		"  <字>2011</字>"+
		"  <号>12</号>"+
		"  <纳税人>北京XXX科技公司</纳税人>"+
		"  <检查人>张三、李四、王五</检查人>"+
		"  <检查日期>2011-06-20</检查日期>"+
		"  <开始日期>2011-01-01</开始日期>"+
		"  <结束日期>2011-05-31</结束日期>"+
		"  <通知日期>2011-06-11</通知日期>"+
		"</data>");
	//也可以直接设置值
	//getFpd().setItemValue("字","2013");
}
//保存
function save() {
	//获取到xml数据保存到服务器
	alert(getFpd().getXmlData());
	//也可以获取单独的值
	//alert(getFpd().getItemValue("纳税人"));
}
//打印
function print() {
	getFpd().print();
}
//fpd初始化后自动调用
function onFpdOpen() {
	edit();
}
</script>
<br>
<object id="fpd" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" width="100%" height="600">
<!--swjc.swf.zip可以用XDocOffice编辑-->
<param name="movie" value="fpd.swf?dataUrl=swjc.swf.zip">
<param name="quality" value="high">
<param name="bgcolor" value="#869ca7">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="true">
<comment>
<embed id="fpd2" src="fpd.swf?dataUrl=swjc.swf.zip" quality="high" bgcolor="#869ca7"
width="100%" height="600" name="fpd" align="middle"
play="true" loop="false" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</comment>
</object>
</body>
</html>

 

• swjc.docx.rar (10.1 KB)
• 下载次数: 0

• 
• 大小: 83.7 KB

• 
• 大小: 48.7 KB

• 
• 大小: 85.6 KB

• 
• 大小: 73.6 KB

• 
• 大小: 79.3 KB

• 
• 大小: 29.7 KB

• fpd.swf (376.7 KB)
• 下载次数: 0

• swjc.swf.zip (62.7 KB)
• 下载次数: 0

• fpd.html.rar (1.3 KB)
• 下载次数: 0