超神奇，Word文档变Flash表单

最新推荐文章于 2025-11-23 12:03:35 发布

原创最新推荐文章于 2025-11-23 12:03:35 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#文档 #flash #function #button #firefox #input

本文详细介绍了如何使用Flash表单FPD来在线填报Word文档中的内容，包括文档转换、表单设计、部署及与Web应用的交互过程。通过简单的HTML代码实现了数据与表单的实时交互，适合寻求高效数据收集解决方案的技术人员。

先看一下附件中的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代码

<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">
<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>

<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>