erlehmann · December 15, 2010 00:59
diff --git a/localstorage.html b/localstorage.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <title>Beispiel für die Verwendung von localStorage</title>

 <h1>Ewige Blumenkraft</h1>

 <input id="∞">

 <p>
 Der Inhalt des obigen Eingabefelds wird gespeichert und wieder hergestellt, falls dein Browser <a href="http://www.w3.org/TR/webstorage/#the-localstorage-attribute"><code>localStorage</code></a> unterstützt.
 </p>
 <p>
 Schließe diese Seite, dann besuche sie erneut. Schließe deinen Browser, dann besuche diese Seite erneut. Schalte deinen Rechner aus, dann besuche diese Seite erneut. <em>Der Text wird immer noch da sein.</em>
 </p>

 <button onclick="delete localStorage.ewigZuSpeichernderInhalt">
    Lösche verfickt alles nochmal!
 </button>

 <script>
 /* Browser ohne localStorage bekommen unseren süßen Liebesnektar nicht! */
 if (window.localStorage) {
    var i = document.getElementById('∞');

    // Der <script>-Block wird beim Laden der Seite ausgeführt.
    if (localStorage.ewigZuSpeichernderInhalt != null) {
        i.value = localStorage.ewigZuSpeichernderInhalt;
    }

    // Jedes Mal, wenn eine Taste losgelassen wird, wird der Text im Eingabefeld gespeichert.
    i.addEventListener(
        'keyup',
        // “So I heard you like functions …”
        function() { localStorage.ewigZuSpeichernderInhalt = i.value; },
    false);
 }
 </script>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>Beispiel für die Verwendung von localStorage</title>

	<h1>Ewige Blumenkraft</h1>

	<input id="∞">

	<p>
	Der Inhalt des obigen Eingabefelds wird gespeichert und wieder hergestellt, falls dein Browser <a href="http://www.w3.org/TR/webstorage/#the-localstorage-attribute"><code>localStorage</code></a> unterstützt.
	</p>
	<p>
	Schließe diese Seite, dann besuche sie erneut. Schließe deinen Browser, dann besuche diese Seite erneut. Schalte deinen Rechner aus, dann besuche diese Seite erneut. <em>Der Text wird immer noch da sein.</em>
	</p>

	<button onclick="delete localStorage.ewigZuSpeichernderInhalt">
	Lösche verfickt alles nochmal!
	</button>

	<script>
	/* Browser ohne localStorage bekommen unseren süßen Liebesnektar nicht! */
	if (window.localStorage) {
	var i = document.getElementById('∞');

	// Der <script>-Block wird beim Laden der Seite ausgeführt.
	if (localStorage.ewigZuSpeichernderInhalt != null) {
	i.value = localStorage.ewigZuSpeichernderInhalt;
	}

	// Jedes Mal, wenn eine Taste losgelassen wird, wird der Text im Eingabefeld gespeichert.
	i.addEventListener(
	'keyup',
	// “So I heard you like functions …”
	function() { localStorage.ewigZuSpeichernderInhalt = i.value; },
	false);
	}
	</script>