Online Status

[tomalex0]

I have doubt regarding getting online/offline status,if internet is connected or not?

I have tried (navigator.onLine) but its not working in webkit browsers, is there any alternative in sencha

or do i have to send some http request and get the status?

[tomalex0]

Solved
Hi the problem exists in chrome and safari browser, it works fine in iphone and ipad

[gabrielstuff]

Hi !
I've been trying to use the state navigator.online sothat I would be able to check if I need to wait for a read event on jsonstore load.
Unfortunately... It does not work :(

Did you try or manage to do so ?

Thanks !

[tomalex0]

I have tried (navigator.onLine) in Chrome and Safari in offline mode , but it shows true as status. Probably its not working.

[evant]

http://code.google.com/p/chromium/issues/detail?id=7469

[gabrielstuff]

Ok ! Thank you evant. I made a dirty trick :



var tempImage;
onlineStatus = true;

function checkOnlineStatus() {
tempImage = new Image();
tempImage.onload = returnOnlineStatus;
tempImage.onerror = returnOfflineStatus;
var imgSrc = 'http://www.google.fr/images/logos/ps_logo2.png'; // point to the url of a valid image.
tempImage.src = imgSrc;
return !(tempImage.width == 0 && tempImage.height == 0);
}

function returnOnlineStatus() {
if (tempImage.width == 0 && tempImage.height == 0) {
onlineStatus = false;
} else {
onlineStatus = true;
}
}

checkOnlineStatus();

[kortovos]

I have found a similar solution. It alters the navigator.onLine attribute, but it doesn't work with Safari


var onLine = false;
// make sync-ajax request
var xhr = new XMLHttpRequest();

xhr.open('GET', 'url to not cached file', false); // async = false
try {
xhr.send();
console.log(xhr.status);
if(xhr.status != 404){
onLine = true;
}
} catch (e) {
// throws NETWORK_ERR when disconnected
onLine = false;
}

if(onLine){
navigator.__defineGetter__('onLine', function () {
return true;
});
}else{
navigator.__defineGetter__('onLine', function () {
return false;
});
}

delete onLine;
delete xhr;

window.addEventListener("offline", function(){
console.log('offline');

navigator.__defineGetter__('onLine', function () {
return false;
});

}, false);

window.addEventListener("online", function(){
console.log('online');

navigator.__defineGetter__('onLine', function () {
return true;
});

}, false);