OfflineSave離線保存代碼再次發布使用說明
2024-09-06 12:42:16
供稿:網友
必知:所有需要處理的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]/n/n有可能已超出離線保存容量!請刪除部分數據后再保存!";
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;