Ergebnis 1 bis 4 von 4
-
06-05-2012, 14:34 #1
Grünschnabel
- registriert
- 06-05-2012
- Beiträge
- 2
Liste per localstorage speichern?
<div id="notiz">
<h1>Meine Notizen</h1>
<ol id="liste" contenteditable="true" >
<li>Neue Notiz anlegen</li>
<li>Neue Notiz anlegen2</li>
</ol>
</div>
<input type="button" value="Speichern" onClick="speichernnotizen()" class="button">
<input type="button" value="Leeren" onClick="leeren()" class="button"
wie kann ich diese liste per javascript bei klick auf den button speichern mit der funktion localstorage speichern ? und das sie beim nächsten neuladen der seite auch gleich angezeigt wird? Ich hab schon total viel ausprobiert aber es funktioniert einfach nicht
Lg.
-
06-05-2012, 16:28 #2
AW: Liste per localstorage speichern?
Was hast du ausprobiert? Herzeigen!
Stand etwas in der Fehlerkonsole (Wo finde ich die Fehlerkonsole?)?
Hast du auch wirklich einen Browser verwendet, der localstorage unterstützt?
PS: es heißt onclick.
-
06-05-2012, 21:23 #3
Grünschnabel
- registriert
- 06-05-2012
- Beiträge
- 2
AW: Liste per localstorage speichern?
einmal das hab ich ausprobiert:
$(document).ready(function() {
restoreContents();
$('#edit').bind('click', toggleEditContent);
$('#clear').bind('click', resetContent);
function saveContents() {
var todoList = $('#todolist').html();
localStorage['todoList'] = todoList;
}
function restoreContents() {
var myTodoList = localStorage['todoList'];
if (myTodoList != undefined) {
$('#todolist').html(myTodoList);
}
}
function toggleEditContent(e) {
if ($('#todolist').attr('contenteditable') == 'false') {
$('#todolist').attr('contenteditable', 'true');
$('#edit').val('Speichern');
$('#todolist').focus();
} else {
$('#todolist').attr('contenteditable', 'false');
$('#edit').val('Bearbeiten');
saveContents();
}
}
function resetContent(e) {
localStorage.clear();
window.location.reload();
}
});
und das hier hab ich auch auprobiert aber beides geht nicht:
var localList = localStorage.getItem('storageList');
var listObj = document.getElementById('liste');
if(localList){ listObj.innerHTML = localList; }
function speichernnotizen(){
localStorage.setItem('storageList', listObj.innerHTML); }
-
06-05-2012, 21:43 #4
Lounge-Member
- registriert
- 18-08-2004
- Beiträge
- 14.671
AW: Liste per localstorage speichern?
Wenn das Dollarzeichen nicht definiert ist, hast du nicht die JS Bibliothek eingebunden die du verwenden willst.
Im 2. Beispiel hast du uns nicht gesagt was "klappt nicht" heißt?
Ähnliche Themen
-
localStorage, ich kapiers nicht
Von emmell70 im Forum JavaScriptAntworten: 3Letzter Beitrag: 24-05-2011, 00:09 -
localStorage funktioniert nicht offline
Von Thomasss im Forum JavaScriptAntworten: 0Letzter Beitrag: 16-10-2009, 16:24 -
Liste a la <ul>
Von Guido im Forum FlashAntworten: 6Letzter Beitrag: 23-04-2003, 16:51
Lesezeichen