OfflineSave离线保存代码再次发布使用说明
136 浏览量
2020-12-04
14:05:29
上传
评论
收藏 62KB PDF 举报
OfflineSave离线保存代码再次发布使用说明离线保存代码再次发布使用说明
必知：所有需要处理的HTML元素必须具有ID属性，组件只会探测元素的ID属性
1. 在</Head>上加入
<STYLE>
.userData {behavior:url(#default#userdata);}
</STYLE>
2. 在<body>下加入
<INPUT type=text class=userData id=OfflineSave_Area style=”display:none”>
3. 在</body>上加入
<script src=OfflineSave.js></script>
4. 为form标签加入扩展属性OfflineSave
例：<form id=myOfflineSaveForm OfflineSave ToolsBarStyle=”mycssclass”>
ToolsBarStyle为css class属性，容器为div,包含select,input,button
注意：
情况1：
<form id=myform onsubmit=”docheck(this)”>
<input type=text id=mytext>
<input type=submit value=submit>
</form>
在这种情况下,组件可以自动探测服务器存活状态，如服务器无法连接时，会提示本地保存,
并且docheck函数也可以正常工作
情况2：
<form id=myform >
<input type=text id=mytext>
<input type=button value=submit onclick=”myform.submit()”>
</form>
在这种情况下,组件无法截获提交事件，也无法自动探测服务器存活状态
建议：检测表单内数据时，在form标签onsubmit事件内写入检测函数
联系我：qq:13872888 注明：blueidea
代码如下:
var os_Obj,os_usd;
var os_dg=document.getElementById;
var os_ButtonCss=”style=\”cursor:hand;height:20px;padding:0px 3px;border:1px solid #67C1E4;\””;
var os_SelectCss=”style=\”font-size:12px;\””;
var os_SaveSuccessStr=”离线数据保存成功!”;
var os_SaveProStr=”请输入离线保存的名称:(如为空则用当前时间表示)”;
var os_LoadProStr=”确认要载入离线数据吗?”;
var os_DelProStr=”确认要删除离线数据吗?”;
var os_DelSuccessStr=”离线数据删除成功!”;
var os_oUD=”OfflineSave_oPersistInput”;
var os_DefaultFiledLength=10;//Default Filed length
var os_str=”OfflineSave_”;
var os_CannotSaveStr=”保存数据时出现错误![离线保存空间仅限640K]有可能已超出离线保存容量!请删除部分数据后再保存!”;
var os_expires = (new Date(2010,1,1)).toUTCString();
InitOfflineSave();
function InitOfflineSave(){
for(var i=0;i<document.forms.length;i++){
if(document.forms[i].OfflineSave!=null){
os_usd=os_dg(“OfflineSave_Area”);
var tbs=document.forms[i].ToolsBarStyle==null?””:document.forms[i].ToolsBarStyle;
os_CreateToolBar(document.forms[i],tbs);
os_GetOfflineSaveList(document.forms[i].id);
var cmd=document.forms[i].onsubmit==null?””:document.forms[i].onsubmit;
if(cmd!=””){
cmd=document.forms[i].onsubmit+””;
cmd=cmd.split(“{“)[1].split(“}”)[0].replace(“”,””);
}
cmd=escape(cmd);
eval(“document.forms[i].onsubmit=function(){return os_CheckSubmit(‘”+document.forms[i].id+”‘,'”+cmd+”‘);}”);
break;
}
}
}
function os_CreateToolBar(obj,boolbarstyle){
var hc;
hc=”<div id=’os_”+obj.id+”_div’><select id=’os_”+obj.id+”_Select’ “+os_SelectCss+”>”;
hc+=”</select>”;
hc+=” “;
hc+=”<input type=button “+os_ButtonCss+” value=载入 onclick=\”os_LoadData(‘”+obj.id+”‘);\”>”;
hc+=” “;
hc+=”<input type=button “+os_ButtonCss+” value=删除 onclick=\”os_DelData(‘”+obj.id+”‘);\”>”;
hc+=” “;
hc+=”<input type=button “+os_ButtonCss+” value=离线保存 onclick=\”os_SaveData(‘”+obj.id+”‘);\”></div>”;
obj.innerHTML=hc+obj.innerHTML;
if(boolbarstyle==””){
os_dg(“os_”+obj.id+”_div”).style.textAlign = “left”;
os_dg(“os_”+obj.id+”_div”).style.textvAlign = “middle”;
os_dg(“os_”+obj.id+”_div”).style.paddingTop = “3”;
os_dg(“os_”+obj.id+”_div”).style.height = “30”;
资源评论
