checking of internet connection of device using phonegap

Question

Trying to use cordova 2.0.0 and using this code for checking of internet connection

document.addEventListener("deviceready", onDeviceReady(), false);

function onDeviceReady() {
    alert("ready");
    db = window.openDatabase("loginintro", "1.0", "loginintro", 1000000);
    db.transaction(populateDB, errorCB, successCB);
    checkConnection();
}
function checkConnection()
{   alert("connection");
    network = navigator.network.connection.type;
    alert("fdfd");
    var states = {};
    states[Connection.UNKNOWN]  = 'Unknown connection';
    states[Connection.ETHERNET] = 'Ethernet connection';
    states[Connection.WIFI]     = 'WiFi connection';
    states[Connection.CELL_2G]  = 'Cell 2G connection';
    states[Connection.CELL_3G]  = 'Cell 3G connection';
    states[Connection.CELL_4G]  = 'Cell 4G connection';
    states[Connection.NONE]     = 'No network connection';
    alert('Connection type: ' + states[networkState]);
}

but getting error on this line

network = navigator.network.connection.type;

and error is:

04-09 15:20:23.989: E/Web Console(13329): Uncaught TypeError: Cannot read property 'connection' of undefined at file:///android_asset/www/js/lib/helloworldjs/alldatabse.js:14
04-09 15:20:39.419: E/CordovaWebView(13329): CordovaWebView: TIMEOUT ERROR!
04-09 15:20:39.419: D/Cordova(13329): CordovaWebViewClient.onReceivedError: Error code=-6 Description=The connection to the server was unsuccessful. URL=file:///android_asset/www/index.html

Per

You have small mistake in the code. It should be alert('Connection type: ' + states[network]) – Semantic

good catch that was the only mistake now my function is working fine THANKS – Per

its onDeviceReady not onDeviceReady() – Shredding

Answer 1

You have small mistake in the code. It should be alert('Connection type: ' + states[network]);

In addition, make sure you have these permissions:

Android

app/res/xml/plugins.xml

<plugin name="NetworkStatus" value="org.apache.cordova.NetworkManager" />

app/AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />

Semantic

Answer 2

the API has been changed, and you should be referring to navigator.connection.

network = navigator.connection.type;

Then, see benka's answer

Valvate

Answer 3

I had this problem with the latest version of cordova. I had the network plugin in the config.xml but it was not downloaded into the plugins directory.

This fixed it

cordova plugin add cordova-plugin-network-information cordova build

The repository name has changed in case you are used to:

cordova plugin add org.apache.cordova.network-information

Gebhart