added handling for offline events/icon

Author: getify

web/js/blog.js

@@ -2,6 +2,7 @@
 	"use strict";
 
 	var offlineIcon;
+	var isOnline = ("onLine" in navigator) && navigator.onLine;
 	var isLoggedIn = /isLoggedIn=1/.test(document.cookie.toString() || "");
 
 	document.addEventListener("DOMContentLoaded",ready,false);
@@ -11,6 +12,19 @@
 
 	function ready() {
 		offlineIcon = document.getElementById("connectivity-status");
+
+		if (!isOnline) {
+			offlineIcon.classList.remove("hidden");
+		}
+
+		window.addEventListener("online",function online(){
+			offlineIcon.classList.add("hidden");
+			isOnline = true;
+		},false);
+		window.addEventListener("offline",function offline(){
+			offlineIcon.classList.remove("hidden");
+			isOnline = false;
+		},false);
 	}
 
 })();