HTML5 - code example of ContentEditable and LocalStorage - create a web sticky note!

Script:

1. <script>
2.   function storeUserScribble(id) {
3.     var scribble = document.getElementById('scribble').innerHTML;
4.     localStorage.setItem('userScribble',scribble);
5.   }
7.   function getUserScribble() {
8.     if ( localStorage.getItem('userScribble')) {
9.       var scribble = localStorage.getItem('userScribble');
10.     }
11.     else {
12.       var scribble = 'You can scribble directly on this sticky... and I will also remember your message the next time you visit my blog!';
13.     }
14.     document.getElementById('scribble').innerHTML = scribble;
15.   }
17.   function clearLocal() {
18.     clear: localStorage.clear();
19.     return false;
20.   }
21. </script>

Html:

<pre id="scribble" contenteditable="true" onkeyup="storeUserScribble(this.id);"></pre>

Original post: https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/entry/html5_code_example_of_contenteditable_and_localstorage_create_a_web_sticky_note?lang=en

Download example: https://www.ibm.com/developerworks/mydeveloperworks/files/app?lang=en#/person/270000CN12/file/e27c84f2-8a08-4e33-b447-8ffa620c4ada