OnLine / Offline Event Detection

Your current online status: unknown.

Simple JavaScript that uses the window.navigator.onLine property and attaches functions to the online and offline events. There's more details in my blog post.

ConnStatus = {

    init: function() {
        ConnStatus.update_status();
        window.addEventListener('online', function(){
            ConnStatus.update_status();
        });
        window.addEventListener('offline', function(){
            ConnStatus.update_status();
        });
    },

    update_status: function() {
        var status = (window.navigator.onLine) ? 'Online' : 'Offline';
        var statusObj = document.getElementById('status');
        statusObj.innerHTML = status;
        statusObj.className = status.toLowerCase();
    }
};

window.onload = function() {
    ConnStatus.init();
}

More information