ToDo List application with local storage
I created simple todo list application with Storage Utility of YUI2. The storage utility make you easy to handle client side storage (local storage engine in modern browser.)
The data is stored in storage of browser (i.e. local storage of HTML5, Geas or storage of Flash), your browser won’t send your todo item data. Of course you can’t use a todo item with different browser. For example, todo item A that is save in Firefox won’t be appeared in Safari. I checked the tool on Safari 4, Firefox 3.5, IE8 and Chrome. I would like to rewrite the code to be better one in near future.
The Storage Utility allows you to save key-value data to local storage (either one of three storage engine above) with the same method. The ToDo List saves JSON strings that is converted by YAHOO.lang.JSON.stringify() and the JSON string is parsed by YAHOO.lang.JSON.parse() when they are loaded.
And other features are
- ordering list item by drag & drop
- able to undo deleted item right after deletion
- able to clear completed items (you can’t undo it)
Though this is not a feature, but I don’t use any image file for the UI. Gradation color is generated by the following tool.
