diff options
| -rw-r--r-- | apps/samples/miles/miles.js | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/apps/samples/miles/miles.js b/apps/samples/miles/miles.js index 22d536a..860cd1e 100644 --- a/apps/samples/miles/miles.js +++ b/apps/samples/miles/miles.js @@ -25,6 +25,7 @@ function Miles(element, params) { if (params && params.email) email = params.email; if (params && params.problemName) problemName = params.problemName; + // called when dojo loaded all requirements below this.connect = function() { self.xhr.post({ // The URL to request @@ -51,6 +52,7 @@ function Miles(element, params) { }); } + // fetch a base64 encoded image and set it as the src attribute var refreshImage = function() { self.xhr.get({ // The URL to request @@ -91,10 +93,12 @@ function Miles(element, params) { ready(function() { self.xhr = xhr; + // if we were passed an id, resolve to dom node if (typeof(element) === 'string') { element = dom.byId(element); } + // dynamically assemble the DOM we need element.appendChild(domConst.toDom('\ <table>\ <tr>\ @@ -117,6 +121,7 @@ function Miles(element, params) { </table>\ ')); + // from the above DOM, fetch some nodes to put dojo widgets in self.pictureElem = dojo.query("img.picture", element)[0]; self.controlElem = dojo.query("td.control", element)[0]; self.messageElem = dojo.query("div.messages", element)[0]; @@ -127,9 +132,9 @@ function Miles(element, params) { self.controlDropDown = new DropDownButton({ label: "Connect", dropDown: self.controlToolTip }); self.controlElem.appendChild(self.controlDropDown.domNode); - // self.connected = true; - // refreshImage(); - + // many more control widgets to be instantiated here + + // connect and start to fetch images from the server self.connect(); }) |