mobile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1 id="greeting">Hello</h1>
<script>
// Instead of using data-dojo-config, we're creating a dojoConfig
// object *before* we load dojo.js; they're functionally identical
var dojoConfig = {
async: true,
baseUrl: '.',
packages: [
'dojo',
'dijit',
'dojox',
'demo' // your app src name
]
};
// alt: load Dojo CDN
//<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.10.1/dojo/dojo.js" data-dojo-config="async: true"
</script>
<script src="dojo/dojo.js"></script>
<script>
require([
'dojo/dom',
'dojo/dom-construct',
'dojo/dom',
'dojo/domReady!'
], function (dom, domConstruct) {
var greetingNode = dom.byId('greeting');
domConstruct.place('<i> Dojo construct!</i>', greetingNode);
// greeting.innerHTML += ' from Dojo DOMReady!';
});
/*// source of a base module: demo/myModule.js
define([
// dependencies: The dojo/dom module is required by this module
'dojo/dom'
], function(dom){
// The dependency list dojo/dom module is passed as argument
// returned object exposes public methods of this module
return {
setText: function (id, text) { },
restoreText: function (id) { }
};
});*/
// loads demo/myModule.js
require([
'demo/myModule'
], function (myModule) {
// myModule.setText('greeting', 'Hello Dojo!');
setTimeout(function () {
// myModule.restoreText('greeting');
}, 3000);
});
</script>
</body>
</html>