Skip to content
Permalink
Browse files
[CB-542] adding manual test for navigator.network.connection.type and…
… offline/online events. also made the events page more explicit (and thus can test attaching as well as unregistering offline/online events and pause/resume events).
  • Loading branch information
filmaj committed Apr 19, 2012
1 parent 245384d commit a3beb01335d4c676ad72537e58b749f16726f114
Show file tree
Hide file tree
Showing 2 changed files with 81 additions and 6 deletions.
@@ -21,6 +21,18 @@
function interceptSearchbutton() {
eventOutput("Search button intercepted");
}
function interceptResume() {
eventOutput("Resume event intercepted");
}
function interceptPause() {
eventOutput("Pause event intercepted");
}
function interceptOnline() {
eventOutput("Online event intercepted");
}
function interceptOffline() {
eventOutput("Offline event intercepted");
}

var eventOutput = function(s) {
var el = document.getElementById("results");
@@ -42,11 +54,6 @@
alert("Error: PhoneGap did not initialize. Demo will not run correctly.");
}
},1000);
document.addEventListener("resume", function() {eventOutput("resume event");}, false);
document.addEventListener("pause", function() {eventOutput("pause event");}, false);
window.addEventListener("online", function() {eventOutput("online event");});
window.addEventListener("offline", function() {eventOutput("offline event");});

}

</script>
@@ -67,6 +74,15 @@ <h2>Action</h2>
<div class="btn large" onclick="document.removeEventListener('menubutton', interceptMenubutton, false);">Stop intercept of menubutton</div>
<div class="btn large" onclick="document.addEventListener('searchbutton', interceptSearchbutton, false);">Intercept searchbutton</div>
<div class="btn large" onclick="document.removeEventListener('searchbutton', interceptSearchbutton, false);">Stop intercept of searchbutton</div>
<div class="btn large" onclick="document.addEventListener('resume', interceptResume, false);">Intercept resume</div>
<div class="btn large" onclick="document.removeEventListener('resume', interceptResume, false);">Stop intercept of resume</div>
<div class="btn large" onclick="document.addEventListener('pause', interceptPause, false);">Intercept pause</div>
<div class="btn large" onclick="document.removeEventListener('pause', interceptPause, false);">Stop intercept of pause</div>
<div class="btn large" onclick="document.addEventListener('online', interceptOnline, false);">Intercept online</div>
<div class="btn large" onclick="document.removeEventListener('online', interceptOnline, false);">Stop intercept of online</div>
<div class="btn large" onclick="document.addEventListener('offline', interceptOffline, false);">Intercept offline</div>
<div class="btn large" onclick="document.removeEventListener('offline', interceptOffline, false);">Stop intercept of offline</div>

<h2> </h2><div class="backBtn" onclick="backHome();">Back</div>
</body>
</html>
</html>
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,maximum-scale=1.0,initial-scale=1.0" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> <!-- ISO-8859-1 -->
<title>Cordova Mobile Spec</title>
<link rel="stylesheet" href="../master.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" charset="utf-8" src="../phonegap.js"></script>


<script type="text/javascript" charset="utf-8">

var deviceReady = false;

var eventOutput = function(s) {
var el = document.getElementById("results");
el.innerHTML = el.innerHTML + s + "<br>";
};

function printNetwork() {
eventOutput("Current network connection type is: " + navigator.network.connection.type);
}

/**
* Function called when page has finished loading.
*/
function init() {
document.addEventListener("deviceready", function() {
deviceReady = true;
console.log("Device="+device.platform+" "+device.version);
eventOutput("Network Connection is: " + navigator.network.connection.type);
document.addEventListener('online', function() { eventOutput('Online event, connection is: ' + navigator.network.connection.type); }, false);
document.addEventListener('offline', function() { eventOutput('Offline event, connection is: ' + navigator.network.connection.type); }, false);

}, false);
window.setTimeout(function() {
if (!deviceReady) {
alert("Error: Cordova did not initialize. Demo will not run correctly.");
}
},1000);
}

</script>

</head>
<body onload="init();" id="stage" class="theme">

<h1>Network Events and State</h1>
<div id="info">
<b>Results:</b><br>
<span id="results"></span>
</div>

<h2>Action</h2>
<div class="btn large" onclick="printNetwork();">Show Network Connection</div>
<h2> </h2><div class="backBtn" onclick="backHome();">Back</div>
</body>
</html>

0 comments on commit a3beb01

Please sign in to comment.