Comment utiliser HTML5 localStorage correctement?

Question

Donc, je viens de lire la vidéo de Nettut sur le stockage local HTML5. Cependant, pour une raison quelconque, je ne peux pas le faire fonctionner sur mon ordinateur. (Ubuntu 10.04 Namoroka 3.6.9pre ou Google Chrome 5). J'utilise ce code javascript:

$(function() { 
    var edit = document.getElementById('edit'); 
    $(edit).blur(
     function() { 
      localStorage.setItem('todoData', this); 
     } 
    ); 

    if (localStorage.getItem('todoData')) { 
     edit = localStorage.getItem('todoData'); 
    } 
}); 

J'ai alors <ul contenteditable="true" id="edit"> avec un <li> à l'intérieur.

Bien sûr, j'ai Jquery lié.

Est-ce que je fais quelque chose de mal ici?

Answer 1

Vous affinez simplement la variable edit pour pointer vers l'élément localStorage. Cela ne produira aucun effet observable. Je pense que vous voulez remplacer le contenu de l'élément référencé par edit, de sorte que vous aurez envie de faire quelque chose comme ceci:

$(function() { 

    var edit = $('#edit'); 

    edit.blur(function() { localStorage.setItem('todoData', edit.html()); }); 

    if (localStorage.getItem('todoData')) { edit.html(localStorage.getItem('todoData')); } 

});