如何创建谷歌文档一样保存通知

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