Updating sample project

This commit is contained in:
Joe Bowser 2012-07-23 10:43:23 -07:00
parent 1d2efa0d25
commit b9b2c6a013
2 changed files with 10 additions and 5 deletions

View File

@ -2,14 +2,14 @@
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name = "format-detection" content = "telephone=no"> <meta name = "format-detection" content = "telephone=no"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" /> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
<link rel="stylesheet" type="text/css" href="css/index.css" /> <link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello Cordova</title> <title>Hello Cordova</title>
</head> </head>
<body> <body>
<div class="app"> <div class="app">
<h1>Apache Cordova</h1> <h1>Apache Cordova</h1>
<div id="deviceready"> <div id="deviceready">
<p class="status pending blink">Connecting to Device</p> <p class="status pending blink">Connecting to Device</p>
<p class="status complete blink hide">Device is Ready</p> <p class="status complete blink hide">Device is Ready</p>

View File

@ -6,10 +6,15 @@ var app = {
document.addEventListener('deviceready', this.deviceready, false); document.addEventListener('deviceready', this.deviceready, false);
}, },
deviceready: function() { deviceready: function() {
// note that this is an event handler so the scope is that of the event
// so we need to call app.report(), and not this.report()
app.report('deviceready'); app.report('deviceready');
}, },
report: function(id) { report: function(id) {
document.querySelector('#' + id + ' .pending').classList.add('hide'); console.log("report:" + id);
document.querySelector('#' + id + ' .complete').classList.remove('hide'); // hide the .pending <p> and show the .complete <p>
document.querySelector('#' + id + ' .pending').className += ' hide';
var completeElem = document.querySelector('#' + id + ' .complete');
completeElem.className = completeElem.className.split('hide').join('');
} }
}; };