如何創建谷歌文檔一樣保存通知

Question

可能重複：
implementing save notification like in google docs

所以在谷歌文檔，當你編輯一個文件，還是有一定的時間間隔內，我不記得哪它會保存文件。當它保存時，它會在頁面上告訴你「保存...」，這樣我就知道它正在保存，否則我甚至不知道這個自動保存功能在那裏。基本上我想實現相同的事情，因爲我的代碼保存的時間間隔的東西，但我想通知用戶，當這種行動發生像它在goole文檔中。我正在.tpl文件中工作，因此我們歡迎使用php，js和html的解決方案。其他網絡基礎語言也很好，如果需要的話，如何實現它，但我強烈希望php，js和html。

Answer 1

你想做那個客戶端嗎？你的客戶使用瀏覽器嗎？如果是這樣，就像鉤住你的間隔save（）（然而你這樣做）並通過JavaScript顯示消息一樣簡單。什麼是.tpl文件？你使用AJAX作爲你的「自動保存功能」嗎？

你的問題不是很具體。

編輯：這可能會幫助你。

的Javascript：

var displaySaveMessage = function() { 
    var saveDiv = document.getElementById('saveDiv'); 
    saveDiv.innerHTML = 'saving'; 
    setTimeout(function(){ 
    saveDiv.innerHTML = 'saved'; 
    },1000); 
}; 

(​function(){ 
    var textAreaDiv = document.getElementById('textDiv'); 
    textAreaDiv.onkeyup = function(){ 
    var saveDiv = document.getElementById('saveDiv'); 
    displaySaveMessage(); 
    }; 
}​)();​ 

HTML

<div id="saveDiv">test</div> 
<textarea id=​​​​​​​​​​​​​​​​​"textDiv">write something</textarea>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​