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) {
Поделиться:
Популярные книги
Хозяин Стужи 5
5. Злой Лед
Фантастика:
аниме
фэнтези
попаданцы
6.60
рейтинг книги
Неведомые поля (сборник)
Шедевры фантастики
Фантастика:
фэнтези
6.60
рейтинг книги
Газлайтер. Том 23
23. История Телепата
Фантастика:
боевая фантастика
попаданцы
аниме
5.00
рейтинг книги
Второгодка. Книга 5. Презренный металл
5. Второгодка
Фантастика:
городское фэнтези
фантастика: прочее
попаданцы
5.00
рейтинг книги
Вперед в прошлое 6
6. Вперед в прошлое
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Первый среди равных. Книга III
3. Первый среди Равных
Фантастика:
попаданцы
аниме
фэнтези
6.00
рейтинг книги
Камень. Книга восьмая
8. Камень
Фантастика:
фэнтези
боевая фантастика
7.00
рейтинг книги
Иван Грозный: Кровавый поэт
Научно-образовательная:
история
6.67
рейтинг книги
Великий род
3. Медорфенов
Фантастика:
юмористическое фэнтези
попаданцы
аниме
5.00
рейтинг книги
Отход
4. Петя и Валерон
Фантастика:
рпг
аниме
попаданцы
5.00
рейтинг книги
S-T-I-K-S. Пройти через туман
Вселенная S-T-I-K-S
Фантастика:
боевая фантастика
7.00
рейтинг книги
Я еще князь. Книга XX
20. Дорогой барон!
Фантастика:
юмористическое фэнтези
попаданцы
аниме
5.00
рейтинг книги
Четники. Королевская армия
Документальная литература:
биографии и мемуары
публицистика
5.00
рейтинг книги
Последний Паладин. Том 10
10. Путь Паладина
Фантастика:
попаданцы
аниме
фэнтези
5.00