Как выводить сообщение на сайте при отсутствии интернета

Сделал на сайте вывод сообщения при отключенном интернете "Отсутствует интернет соединение". И теперь хочу рассказать, как это сделал. Мой движок использует библиотеку jQuery, по этому код писал на jQuery.

И так. В один из JS файлов, что кэшируется на несколько недель в обозревателе, добавил код:
// Обработчик подключения интернета
// Соединения нет
$(window).bind('offline', function() {
	$('html').html('<head><title>' + translations['core.no_internet_connection'] + '</title></head><body><div style="font: 12pt/10pt sans-serif; margin-top: 200px; text-align: center;"><p>' + options['siteName'] + '</p>' + translations['core.no_internet_connection'] + '</div></body>');
}); // Соединения нет End

// Соединения есть
$(window).bind('online', function() {
	location.reload();
}); // Соединения есть End
// Обработчик подключения интернета End

Что тут происходит: Обработчик ждет событие offline при подключенном интернете, и если он его дожидается, то исходный код страницы меняется на:
<head>
	<title>Отсутствует интернет соединение</title>
</head>
<body>
	<div style="font: 12pt/10pt sans-serif; margin-top: 200px; text-align: center;">
		<p>DANFA</p>
		Отсутствует интернет соединение
	</div>
</body>

Если интернет отключен, JS файл при этом загружен, обработчик ждет событие online, и как только он его дождется, так страница будет перезагружена.

Если Ваш сайт работает на чистом JS, то можете использовать такой обработчик:
window.addEventListener('offline', function() {
	// Код при потере соединения
});

И:
window.addEventListener('online', function() {
	// Код при подключении интернета
});