/autoSave

Auto-Save your content when editing in HTML input and textarea DOM element.

Primary LanguageJavaScript

autoSave

A autoSave jQuery Plugin

How to use:

  1. Include necessary JS files

    <script src="jquery.js"></script>
    <script src="jquery.autoSave.min.js"></script>
    
  2. (Optional) Add autoSave CSS file. Please tweak it to serve your needs.

    <link rel="stylesheet" href="style.css" />
    
  3. Create the following HTML element

    <textarea id="text"></textarea>
    <span id="msg"></span>
    
  4. Fire plugin using jQuery selector

    $(function() {
    	$("#tabs").autoSave(callback, ms);
    });
    

    ms allows to delay callback function. default value is 2 seconds.

  5. Example

    $("#text").autoSave(function() {
    	var time = new Date().getTime();
    	$("#msg").text("Draft Autosaved " + time);
    }, 500);
    
  6. Have fun:-)

Compatibility:

  • IE8 and above, Firefox, Chrome, Safari and Opera

Live Demo:

License:

Released under the MIT license.