diff options
author | 2008-11-13 09:49:11 +0000 | |
---|---|---|
committer | 2008-11-13 09:49:11 +0000 | |
commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dojox/dtl/demos/demo_Animation.html | |
parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
download | scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.zip |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
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 |