發布基於Ajax的網站通用草稿自動儲存系統SipoAutoSaver(v2.0)

來源:互聯網
上載者:User
發布基於Ajax的網站通用草稿自動儲存系統SipoAutoSaver(v1.0)


[下載]SipoAutoSaver V2.0 網站通用草稿自動儲存系統
前言:
製作這個小小程式的起因是前兩天寫日誌的時候不小心按錯了IBM筆記本鍵盤上的網頁導航鍵,導致文章丟失。有沒有哪位大哥知道如何禁止這兩個鍵?(非物理方法...用膠布不算,我試過很多種了...)

用過Gmail的兄弟,都會覺得Gmail最迷人的地方就是他的自動儲存草稿功能.
不知道這麼簡單而且有用的小程式是不是有人已經開發出來了。我在網上搜尋相關關鍵詞沒有找到,索性自己編一個,這樣過兩天需要的人再搜尋就能找到了,嘻嘻。

使用說明:
1,壓縮包裡有三個檔案。
test.htm 測試示範檔案(必須上傳到伺服器使用,本地無效)
SipoAutoSaver.js 主程式,放在與需要自動儲存的表單同級目錄即可。
SipoAutoSaver.asp 主程式,放在與需要自動儲存的表單同級目錄即可。
2,開啟SipoAutoSaver.js
(1)修改 var url = "http://127.0.0.1/SipoAutoSaver.asp";
127.0.0.1改成你自己的網站路徑。
(2)修改 var postStr = document.FormName.TextAreaName.value;
FormName改成你的表單Form的名字(name屬性值),TextAreaName改成你要儲存的文字框的名字(name屬性值)
(3)var AutoSaveTime=60;表示60秒自動儲存。
3,開啟SipoAutoSaver.asp
修改const FileName="AutoSave.txt"
修改AutoSave.txt為你要儲存的檔案名稱。一搬不用管他了。
4,在你的需要自動儲存的表單中的文字框下加入如下代碼:(其中127.0.0.1要用你自己的網站路徑)

<span id="timemsg"></span>
       <span id="msg"></span>
       <SCRIPT LANGUAGE="JavaScript" src="http://127.0.0.1/SipoAutoSaver.js"></SCRIPT>

調用的例子:Test.htm

<form name="FormName">
<TEXTAREA ID="TextAreaName" ROWS="" COLS="">dc9.cn</TEXTAREA>
<input type="button" value="立即儲存" onClick="savedraft();">
</form>
<span id="timemsg"></span>
<span id="msg"></span>
<SCRIPT LANGUAGE="JavaScript" src="http://127.0.0.1/SipoAutoSaver.js"></SCRIPT>

Test.htm測試效果如下

舉個例子,如何在Z-Blog中應用
1,修改SipoAutoSaver.js裡面的document.FormName.TextAreaName.value
為document.edit.txaContent.value
再把url改成你自己的blog地址。上傳到blog根目錄
2,開啟edit.asp
在<%=ZC_MSG055%>:後面插入

<span id="timemsg"></span><span id="msg"></span>
<SCRIPT LANGUAGE="JavaScript" src="SipoAutoSaver.js"></SCRIPT>
   

就大功告成。

Z-Blog測試效果如下

亂碼的解決方案:
如果你產生的txt是亂碼,則把瀏覽器編碼換到utf-8就行了,下載到本地用記事本看也成。

下載
剛剛發布了SipoAutoSaverV3.0(點擊進入)
http://www.dc9.cn/post/SipoAutoSaverV3.html

本文包含附件
檔案名稱: SipoAutoSaverV1.rar 檔案類型: rar
檔案大小: 2.24KB 下載次數: 142
簡介
1.0版
立即下載

剛剛發布了SipoAutoSaverV3.0(點擊進入)

http://www.dc9.cn/post/SipoAutoSaverV3.html Tags: SipoAutoSaver  
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.