Textbox Werte merken

**wahsaga** · 04.01.2014, 13:45

Zitat von webdream Beitrag anzeigen

Ich möchte diese Werte auf Folgeseiten "mitnehmen". Kann ich in JavaScript eine Session befüllen oder ähnliches?

Stichwort: Local Storage API

**webdream** · 04.01.2014, 14:12

OK. Gut. Wenn ich mich diesem Beispiel von HTML5 Playground bediene, fällt mir allerdings nicht ein, wie ich "meine" TextBox dort integrieren könnte...

Hier mal der Code im Body-Tag:

Code:

<script>
      // Generate the little markup from javascript
      document.querySelector('#content').innerHTML = 
          '<p><em>Save text locally (it will still be available after restarting your browser)</em></p>';
      var area = document.createElement('textarea');
      area.style.width = '300px'; 
      area.style.height = '150px';
      document.querySelector('#content').appendChild(area);
      
      // place content from previous edit
      if (!area.value) {
        area.value = window.localStorage.getItem('value');
      }
       
      // your content will be saved locally
      area.addEventListener('keyup', function () {
        window.localStorage.setItem('value', area.value);
        window.localStorage.setItem('timestamp', (new Date()).getTime());
      }, false);
      
      updateLog();
      setInterval(updateLog, 5000); // show time every 5 seconds
      
      function updateLog() {
        var delta = 0;
        if (window.localStorage.getItem('value')) {
          delta = ((new Date()).getTime() - (new Date()).setTime(window.localStorage.getItem('timestamp'))) / 1000;
          document.querySelector("#log").innerHTML = 'last saved: ' + delta + 's ago';
        } 
        else {
          area.value = 'Type your text here...';
        }
      }
    </script>

Die "Textarea" müsste ja direkt dort eingebettet werden...

**wahsaga** · 04.01.2014, 14:18

Erstmal solltest du versuchen zu verstehen, was genau dort gemacht wird (bzw. nach weiteren Quellen googlen, wenn dir was nicht klar ist).

Ein grundlegendes Verständnis ist Voraussetzung dafür, die verschiedenen „Teile“ anschließend erfolgreich zusammenführen zu können.

Ein Satz wie

Die "Textarea" müsste ja direkt dort eingebettet werden...

lässt jedenfalls nicht erkennen, dass ein solches Verständnis schon vorhanden ist.
Local Storage speichert lediglich Text/Strings, keine komplexeren Objekte. Der Weg hin von der Textarea zum Storage und zurück auf den Folgeseiten kann also nur über diesen „Umweg” erfolgen.

Textbox Werte merken