Server TimeOut function for connectivity?

[anthonyterrell]

I'm in the process of building a sencha app that will have a fall back offline feature. Looking at a few other discussions and articles it appears there are a few different ways of detecting internet connectivity and when it's it lost.

The basic suggestion was using:

navigator.onLine

Though reports say this is usually based off if a device is in airplane mode or offline mode rather than if there is an actual drop in connectivity.

I'm thinking the best route might be to set some sort of ping function to the server in which I'm grabbing JSON data from, then setting an aggressive timeout for it. If the time out is met then I can call a function to change the header and alter the content displayed. At least that's what I'm thinking and wondering if anyone has already built something along these lines?

Am I missing any other built in functions that might be able to easily do this? Any other recommendations?

Thanks in advance!

[mitchellsimoens]

navigator.onLine should take into account if the device looses connection in any way, this is up to the platform and browser though.

You can do a ping Ajax call. Ajax calls do have a timeout that will fire the failure callback.

[anthonyterrell]

navigator.onLine should take into account if the device looses connection in any way, this is up to the platform and browser though.

You can do a ping Ajax call. Ajax calls do have a timeout that will fire the failure callback.

Thanks for the heads up. I tested the navigator.online feature with a basic two tab page. The first page said welcome and the second would display online/offline based on status. I switched to airplane mode and my second page still said I was online.

cls:'status',
title: '?',     
html: navigator.onLine?'online':'offline'

[anthonyterrell]

Revisiting this particular piece of this project, I am still getting the same issue. However when it comes to testing this, I now think I will have to deploy as an iOS app and sync over. When I save the site to my home screen and leave the app to turn on airplane mode. The app will not launch since it's trying to access the website anyways.

Testing this in browser, I am able to get the result I need.