/jquery.localStorageTextareas

jQuery plugin to save textareas in localStorage to prevent accidental data loss

Primary LanguageJavaScript

localStorage memory for textareas

By Pablo Villalba for Teambox collaboration software.

Usage

Saves textareas, inputs or selects to localStorage when the data-save-id attribute is defined as a unique string identifier for that textarea.

<input data-save-id="task-123-name"></input>
<textarea data-save-id="task-123-body"></textarea>
<select data-save-id="task-123-body">
  <option value="1">First</option>
  <option value="2">Second</option>
</select>
  • Typing on an input field will save its value locally every 200 ms.
  • Clicking on an empty field will load the saved value if there is one.
  • Calling $(selector).loadSavedTextareas() will restore input or textareas saved.

READ THE CODE to understand how it works, it's not so long :)

Notes

  • Depends on underscore.js, jQuery 1.7.
  • You will need to manually clear localStorage if you need it.

Licence

MIT Licence, do whatever you want with it :)