Sicherheitskopie im HTML5 Local Storage

Unabhängig von dem was man über WordPress denkt ist eine Funktion ziemlich genial: das regelmäßige automatische Speichern beim Anlegen eines Artikels. Auch Google Mail verfügt über ein ähnliches System, indem es regelmäßig E-Mails, die man gerade schreibt, als Draft speichert. Wem ist es noch nicht passiert, dass man einen ellenlangen Text in ein Forum oder einen ähnlichen Konstrukt eingibt, der Browser (oder der Rechner) abstürzt und der Text weg ist. Mein Favorit an der Stelle ist es immer wieder, das man so lange an einem Text schreibt bis die Session der Seite abgelaufen ist, und man diesen nicht mehr abschicken kann, weil man sich zunächst neu anmelden muss.

Screenshot der Sisyphus-Homepage

Das auf jQuery basierende Skript Sisyphus geht an der Stelle sogar noch einen Schritt weiter. Es kann nicht nur den Inhalt einer Textarea sichern, sondern sogar den kompletten Inhalt komplexer Formulare. Es kommt mit einigen Events daher (so zum Beispiel onSave) und bedient sich des HTML5 Local Storage. Es speichert also alle Daten lokal ab! Füllt man ein Formular zum Teil aus, und drückt dann Reload auf der Seite, sind alle eingegebenen Werte noch vorhanden. Tritt der Event onSave in Kraft könnte man den Local Storage  löschen.

Man kann an der Stelle übrigens noch etwas paranoider zu Werke gehen, da ein Form Submit ja prinzipiell trotzdem noch die Möglichkeit bietet, das die Daten nicht gespeichert werden (zum Beispiel wegen eines Datenbank-Fehlers). Deshalb macht es an der Stelle mit Sicherheit Sinn die Daten via AJAX zu speichern, und erst dann aus dem Local Storage zu löschen, wenn auch wirklich sicher gestellt ist, das diese gespeichert worden sind.

Alles in allem ist Sisyphus eins der seit Monaten genialsten Ideen für ein neues jQuery Plugin, das – wenn man es korrekt einsetzt – beim Kunden mit Sicherheit grandios angenommen wird.

Ähnliche Beiträge

WYSIHTML5 – der schnellere WYSIWYG Editor Was zur Zeit an WYSIWYG-Editoren für das Web unterwegs ist, ist der totale Overkill. Meistens wird ja TinyMCE oder der FCKEditor genommen, die beide n...
HTML5 Games und Social Rankings Ich wollte das Wort "Schwanzvergleich" nicht schon direkt in der Überschrift verwenden, aber letztendlich läuft es bei allen Online-Spielen (wenn man ...
HTML5 File Uploads HTML5 besteht aus ein wenig mehr als dem Canvas-Element, und vor allem aus den neuen Formular-Elementen. Gleichwohl fängt man sich mit den neuen Eleme...
d3.js – Visualisierung von Daten mit Javascr... Seit dem ganzen Hype um das Canvas-Element in HTML5 ist es scheinbar zu einem Volkssport geworden, Libraries für Javascript zu entwickeln, die entwede...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.