JavaScript. Подробное руководство, 6-е издание
Шрифт:
onnoupdate
Если приложение не изменилось, сообщает пользователю, что он или она работает с текущей версией.
А теперь, после краткого обзора логики работы приложения PermaNote, в примере 20.7 приводится ее реализация.
Пример 20.7'. permanote.js
// Некоторые необходимые переменные
var editor, statusline, savebutton, idletimer;
//
При первой загрузке приложения
window.onload = function {
// Инициализировать локальное хранилище, если это первый запуск
if (localStorage.note == null)
localStorage.note = "";
if (localStorage.lastModified == null) localStorage.lastModified = 0;
if (localStorage.lastSaved == null) localStorage.lastSaved = 0;
// Отыскать элементы, которые составляют пользовательский интерфейс редактора.
// Инициализировать глобальные переменные,
editor = document.getElementById("editor");
statusline = document.getElementById("statusline");
savebutton = document.getElementById("savebutton");
editor.value = localStorage.note; // Восстановить сохраненную заметку
editor.disabled = true; // Но запретить редактирование до синхр.
// При вводе нового текста в элемент textarea
editor.addEventListener("input",
function (e) {
// Сохранить новую заметку в localStorage
localStorage.note = editor.value;
localStorage.lastModified = Date.now;
// Переустановить таймер ожидания
if (idletimer) clearTimeout(idletimer);
idletimer = setTimeout(save, 5000);
// Разрешить кнопку сохранения
savebutton.disabled = false;
},
false);
// При каждой загрузке приложения
пытаться синхронизироваться с сервером
sync;
};
// Сохраняет заметку на сервере перед уходом со страницы
window.onbeforeunload = function {
if (localStorage.lastModified > localStorage.lastSaved) save;
};
// Сообщить пользователю перед переходом в автономный режим
window.onoffline = function { status("Автономный режим"); }
// При подключении к сети выполнить синхронизацию,
window.ononline = function { sync; };
// Сообщить пользователю, если доступна новая версия приложения.
// Здесь можно было бы выполнить перезагрузку принудительно, вызвав
// метод location.reload
window.applicationCache.onupdateready = function {
status("Доступна новая версия приложения. " +
"Чтобы использовать ее, необходимо перезагрузить приложение ”);
};
// Также сообщить пользователю, если он использует последнюю версию приложения,
window.applicationCache.onnoupdate = function {
status("Bы используете последнюю версию приложения.");
};
// Функция отображения сообщения в строке состояния
function status(msg) { statusline.innerHTML = msg; }
// Выгружает текст заметки на сервер (если сеть подключена).
// Автоматически вызывается через 5 секунд простоя после изменения текста заметки,
function save {
if (idletimer) clearTimeout(idletimer);
idletimer = null;
if (navigator.onLine) {
Поделиться:
Популярные книги
Эволюционер из трущоб
1. Эволюционер из трущоб
Фантастика:
попаданцы
аниме
фэнтези
фантастика: прочее
5.00
рейтинг книги
Портрет дьявола: Собрание мистических рассказов
Проза:
классическая проза
8.09
рейтинг книги
Семь Нагибов на версту
1. Семь, загибов на версту
Фантастика:
попаданцы
аниме
фэнтези
5.00
рейтинг книги
Собрание сочинений. Т.24. Из сборников:«Что мне ненавистно» и «Экспериментальный роман»
Документальная литература:
критика
публицистика
5.00
рейтинг книги
Неудержимый. Книга XII
12. Неудержимый
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Гром Раскатного. Том 1
1. Штормовой Предел
Фантастика:
боевая фантастика
попаданцы
аниме
5.00
рейтинг книги
Лондон
The Big Book
Проза:
историческая проза
6.67
рейтинг книги
Избранное
Проза:
советская классическая проза
5.00
рейтинг книги
Офицер
1. Офицер
Фантастика:
боевая фантастика
7.21
рейтинг книги
Судьба
Проза:
историческая проза
советская классическая проза
5.00
рейтинг книги
Лекции профессора Московской Духовной Академии А. И. Осипова
Религия и эзотерика:
религия
5.00
рейтинг книги
Имперец. Том 3
2. Имперец
Фантастика:
боевая фантастика
попаданцы
альтернативная история
7.50
рейтинг книги
Иди на Голгофу. Гомо советикус. Распутье. Русская трагедия
Документальная литература:
публицистика
5.00
рейтинг книги
Кто изобрел современную физику? От маятника Галилея до квантовой гравитации
Научно-образовательная:
история
физика
6.25