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) {