9
gram z niepełną przykład znaleźć na http://www.w3.org/TR/offline-webapps/navigator.onLine
Ale jestem zakłopotany, aby zobaczyć komentarze w nim podoba:
"renders the note somewhere", and
"report error", and
"// …"
Więc, czy ktoś mi pomóc napisać poprawny przykład? Oto co mam do tej pory:
<!DOCTYPE HTML>
<html manifest="cache-manifest">
<head>
<script>
var db = openDatabase("notes", "", "The Example Notes App!", 1048576);
function renderNote(row) {
// renders the note somewhere
}
function reportError(source, message) {
// report error
}
function renderNotes() {
db.transaction(function(tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS Notes(title TEXT, body TEXT)',
[]);
tx.executeSql(‘SELECT * FROM Notes’, [], function(tx, rs) {
for(var i = 0; i < rs.rows.length; i++) {
renderNote(rs.rows[i]);
}
});
});
}
function insertNote(title, text) {
db.transaction(function(tx) {
tx.executeSql('INSERT INTO Notes VALUES(?, ?)', [ title, text ],
function(tx, rs) {
// …
},
function(tx, error) {
reportError('sql', error.message);
});
});
}
</script>
<style>
label {
display:block;
}
</style>
</head>
<body>
<form>
<label for="mytitle">Title:</label>
<input name="mytitle">
<label for="mytext">Text:</label>
<textarea name="mytext"></textarea>
<!-- There is no submit button because I want to save the info on every keystroke -->
</form>
</body>
</html>
wiem też, że muszę włączyć ten gdzieś tam:
if (navigator.onLine) {
// Send data using XMLHttpRequest
} else {
// Queue data locally to send later
}
Ale nie jestem pewien, co jeszcze chciałbym związać że zbyt.
Odradzam zapisywanie w DB przy każdym naciśnięciu klawisza. Użyj setTimeout, aby wyzwolić zapis * n * sekund po tym, jak użytkownik zatrzymał swoje pisanie. W przeciwnym razie opóźnienie sieci spowoduje pisanie koszmaru. Ja, chciałbym umieścić save do obsługi onblur dla każdego wejścia. – Robusto
Dzięki Robusto za komentarz. –