Sicherheitskopie im HTML5 Local Storage

Screenshot der Sisyphus-Homepage

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


melonJS – Spieleentwicklung in HTML5
Spieleentwicklung in HTML5 ist "the next big thing" - aber das ist nicht wirklich was Neues. Es geht inzwischen auch nicht mehr wirklich um das ob, so...


Webflow – komplettes CSS3 für Seiten online ...
CSS3 Online-Editoren gibt es ja einige in der Cloud. Meistens sind diese für spezialisierte Anwendungen wie zum Beispiel Gradients oder Buttons. Will ...


HTML5 Cheat Sheets
Ok, es sind nur zwei, aber mehr braucht man auch (erstmal) nicht ;) HTML5 bietet viele neue Möglichkeiten, die nicht nur Videos und Audio betreffen, s...


JavaScript Markdown Editor
Markdown ist nichts nerdiges (mehr) sondern durchaus eine sinnvolle Sache, auf der viele Dienste inzwischen setzen (so zum Beispiel auch GitHub). Waru...

Schreibe einen Kommentar

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