Posted on July 25, 2008 by sharat
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html> <head> <title>Dojo</title> <!– load the dojo toolkit base –> <script type=”text/javascript” src= “dojo/dojo/dojo.js” djConfig=”parseOnLoad:true, isDebug:true”></script> <script type=”text/javascript”> dojo.addOnLoad(function(){ var animArgs = { node: “testHeading”, duration: 1000, // ms to run animation delay: 250 // ms to stall before playing }; dojo.fadeOut(animArgs).play();});
</script> <style type=”text/css”> /* [...]
Filed under: Dojo | Leave a Comment »
Posted on July 25, 2008 by sharat
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html> <head> <title>Dojo</title> <!– load the dojo toolkit base –> <script type=”text/javascript” src= “dojo/dojo/dojo.js” djConfig=”parseOnLoad:true, isDebug:true”></script> <script type=”text/javascript”> dojo.addOnLoad(function(){ var node = dojo.byId(“testHeading”); dojo.connect(node,”onclick”,function(){ node.innerHTML = “Click! Click!!”; }); });
</script> <style type=”text/css”> /* CSS */ .testClass { background-color:red;} </style> </head> <body> [...]
Filed under: Dojo | Leave a Comment »
Posted on July 25, 2008 by sharat
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html> <head> <title>Dojo</title> <!– load the dojo toolkit base –> <script type=”text/javascript” src= “dojo/dojo/dojo.js” djConfig=”parseOnLoad:true, isDebug:true”></script> <script type=”text/javascript”> dojo.require(“dojo.NodeList-fx”); dojo.addOnLoad(function(){ // our dom is ready, get the node: dojo.query(“#testHeading”) // add “testClass” to its class=”” attribute .addClass(“testClass”) // and fade it out after 500 ms .fadeOut({ delay:500 [...]
Filed under: Dojo | Leave a Comment »
Posted on July 25, 2008 by sharat
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html> <head> <title>Dojo</title> <!– load the dojo toolkit base –> <script type=”text/javascript” src= “dojo/dojo/dojo.js” djConfig=”parseOnLoad:true, isDebug:true”></script> <script type=”text/javascript”> dojo.require(“dijit.form.Button”); dojo.require(“dijit.TitlePane”); dojo.addOnLoad(function(){ dojo.byId(“testHeading”).innerHTML = “See!! New Heading is here”; console.log(“Execution Sequence: 1. require() 2. onLoad “); });
</script> <style type=”text/css”> /* CSS */ </style> </head> [...]
Filed under: Dojo | Leave a Comment »
Posted on July 25, 2008 by sharat
dojotest.html
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html> <head> <title>Dojo</title> <!– load the dojo toolkit base –> <script type=”text/javascript” src= “dojo/dojo/dojo.js” djConfig=”parseOnLoad:true, isDebug:true”></script>
<script type=”text/javascript”> // a very common method of loading code onLoad var init = function(){ console.log(“Hello World in Dojo!!”); }; dojo.addOnLoad(init);
// and/or pass an anonymous function dojo.addOnLoad(function(){ console.log(“Dojo [...]
Filed under: Dojo | Leave a Comment »
Posted on July 23, 2008 by sharat
Dojo is structured in 4 main projects: Dojo Core, Dijit, DojoX, and Dojo Utilities. Simply including the standard dojo.js gives you:
A very fast, lean (26KB gzipped) core packed full of APIs for XHR, events, DOM, query, animations, namespacing, and other highly used convenience functions.
Optional modules for dates, colors, back button/history, currency, and more
The Dojo [...]
Filed under: Dojo | Leave a Comment »
