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 :)