diff options
Diffstat (limited to 'includes/js/dojox/dtl/demos/demo_Animation.html')
| -rw-r--r-- | includes/js/dojox/dtl/demos/demo_Animation.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/includes/js/dojox/dtl/demos/demo_Animation.html b/includes/js/dojox/dtl/demos/demo_Animation.html new file mode 100644 index 0000000..1a5e278 --- /dev/null +++ b/includes/js/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 |