You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by fi...@apache.org on 2012/04/20 00:45:26 UTC
spec commit: [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).
Updated Branches:
refs/heads/master 245384dfa -> a3beb0133
[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).
Project: http://git-wip-us.apache.org/repos/asf/incubator-cordova-mobile-spec/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cordova-mobile-spec/commit/a3beb013
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-mobile-spec/tree/a3beb013
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-mobile-spec/diff/a3beb013
Branch: refs/heads/master
Commit: a3beb01335d4c676ad72537e58b749f16726f114
Parents: 245384d
Author: Fil Maj <ma...@gmail.com>
Authored: Thu Apr 19 15:47:30 2012 -0700
Committer: Fil Maj <ma...@gmail.com>
Committed: Thu Apr 19 15:47:30 2012 -0700
----------------------------------------------------------------------
events/index.html | 28 +++++++++++++++++----
network/index.html | 59 +++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 81 insertions(+), 6 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-cordova-mobile-spec/blob/a3beb013/events/index.html
----------------------------------------------------------------------
diff --git a/events/index.html b/events/index.html
index 6ce3ae6..32f9176 100755
--- a/events/index.html
+++ b/events/index.html
@@ -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 @@
<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>
http://git-wip-us.apache.org/repos/asf/incubator-cordova-mobile-spec/blob/a3beb013/network/index.html
----------------------------------------------------------------------
diff --git a/network/index.html b/network/index.html
new file mode 100644
index 0000000..90915c4
--- /dev/null
+++ b/network/index.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>
+