Édition d'une page Web et stockage des données en local

Un bout de Javascript avec du localStorage dedans et vous disposez d'une page éditable.

Ça marche avec Firefox 3.5. Pas testé encore avec d'autres navigateurs.

• • •

Opera pose des problèmes... Chrome pareil(!) d'autres navigateurs aussi sans doute.
Il faut donc vérifier si le browser est prêt à stocker les données dans votre machine :

Maintenant l'exemple :

Le contenu de cette boîte vous appartient.

Écrivez dedans ce que vous voulez : vous serez la seule personne qui pourra lire son contenu.

Décidément Javascript et moi nous sommes fachés.
Pas mal de soucis (corrigés maintenant avec l'environnement Javascript du blog).
En cherchant la raison des problèmes je vois qu'un loustic sacrément balaise Remy Sharp dont le site remysharp.com/ est une mine, a fait une page de démo sur le sujet.
Pourquoi me casser le *** à faire moins bien ce que d'autres font parfaitement ?!
Je laisse quand même la démo (cette fois en liant une partie de son script au mien).

Démo contenteditable
La démo : ContentEditable

En utilisant localStorage, votre navigateur conserve sur votre machine le texte que vous avez entré. Vous pouvez le réutiliser à tout moment, en toute sécurité et sans aucune limite de taille. Ça ne se passe que dans votre navigateur.
Épatant non ?

Pff... IE8 n'en fait qu'à sa tête. Sur le site et avec le code du sieur Sharp ça fonctionne alors qu'ici le mien « conflicte ».
Avec son code ça passe. C'est un autre script qui merdouillait avec le mien et qui merdouille encore...


Les commentaires pour ce billet sont fermés