add Dojo 1.1.1

[eow] / static / dojo-release-1.1.1 / dojox / dtl / demos / demo_Animation.html
diff --git a/static/dojo-release-1.1.1/dojox/dtl/demos/demo_Animation.html b/static/dojo-release-1.1.1/dojox/dtl/demos/demo_Animation.html

new file mode 100644 (file)

index 0000000..1a5e278
--- /dev/null
+++ b/static/dojo-release-1.1.1/dojox/dtl/demos/demo_Animation.html
@@ -0,0 +1,45 @@
+<html>
+       <head>
+               <title>Testing dojox.dtl using animation to change attributes</title>
+               <script src="../../../dojo/dojo.js" djConfig="parseOnLoad: true, usePlainJson: true"></script>
+               <script>
+                       dojo.require("dijit._Widget");
+                       dojo.require("dojox.dtl._HtmlTemplated");
+
+                       dojo.declare("demo.Animation", [dijit._Widget, dojox.dtl._HtmlTemplated],
+                       {
+                               buffer: 0, // Note: Sensitivity is 0 by default, but this is to emphasize we're not doing any buffering
+                               templatePath: dojo.moduleUrl("dojox.dtl.demos.templates", "animation.html"),
+                               constructor: function(props, node){
+                                       console.debug("constructor");
+                                       this.x = 0;
+                                       this.y = 0;
+                               },
+                               postCreate: function(){
+                                       var anim = new dojo._Animation({
+                                               curve: [0, 300],
+                                               rate: 10,
+                                               duration: 5000,
+                                               easing: dojo._defaultEasing
+                                       });
+                                       dojo.connect(anim, "onAnimate", this, "_reDraw");
+                                       anim.play();
+                               },
+                               _reDraw: function(obj){
+                                       this.x = obj;
+                                       this.y = Math.sqrt(obj) * 10;
+
+                                       dojo.style(this.blue, "left", this.x);
+                                       dojo.style(this.blue, "top", this.y + 10);
+
+                                       this.render();
+                               }
+                       });
+
+                       dojo.require("dojo.parser");
+               </script>
+       </head>
+       <body>
+               <div dojoType="demo.Animation" />
+       </body>
+</html>
+\ No newline at end of file