1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- if (!dojo._hasResource["dojo.NodeList-fx"]) { // _hasResource checks added by
- // build. Do not use
- // _hasResource directly in your
- // code.
- dojo._hasResource["dojo.NodeList-fx"] = true;
- dojo.provide("dojo.NodeList-fx");
- dojo.require("dojo.fx");
- dojo.extend(dojo.NodeList, {
- _anim : function(obj, method, args) {
- var anims = [];
- args = args || {};
- this.forEach(function(item) {
- var tmpArgs = {
- node : item
- };
- dojo.mixin(tmpArgs, args);
- anims.push(obj[method](tmpArgs));
- });
- return dojo.fx.combine(anims); // dojo._Animation
- },
- wipeIn : function(args) {
- // summary:
- // wipe in all elements of this NodeList. Returns an
- // instance of dojo._Animation
- // example:
- // Fade in all tables with class "blah":
- // | dojo.query("table.blah").wipeIn().play();
- return this._anim(dojo.fx, "wipeIn", args); // dojo._Animation
- },
- wipeOut : function(args) {
- // summary:
- // wipe out all elements of this NodeList. Returns an
- // instance of dojo._Animation
- // example:
- // Wipe out all tables with class "blah":
- // | dojo.query("table.blah").wipeOut().play();
- return this._anim(dojo.fx, "wipeOut", args); // dojo._Animation
- },
- slideTo : function(args) {
- // summary:
- // slide all elements of the node list to the specified
- // place.
- // Returns an instance of dojo._Animation
- // example:
- // | Move all tables with class "blah" to 300/300:
- // | dojo.query("table.blah").slideTo({
- // | left: 40,
- // | top: 50
- // | }).play();
- return this._anim(dojo.fx, "slideTo", args); // dojo._Animation
- },
- fadeIn : function(args) {
- // summary:
- // fade in all elements of this NodeList. Returns an
- // instance of dojo._Animation
- // example:
- // Fade in all tables with class "blah":
- // | dojo.query("table.blah").fadeIn().play();
- return this._anim(dojo, "fadeIn", args); // dojo._Animation
- },
- fadeOut : function(args) {
- // summary:
- // fade out all elements of this NodeList. Returns an
- // instance of dojo._Animation
- // example:
- // Fade out all elements with class "zork":
- // | dojo.query(".zork").fadeOut().play();
- // example:
- // Fade them on a delay and do something at the end:
- // | var fo = dojo.query(".zork").fadeOut();
- // | dojo.connect(fo, "onEnd", function(){ /*...*/ });
- // | fo.play();
- return this._anim(dojo, "fadeOut", args); // dojo._Animation
- },
- animateProperty : function(args) {
- // summary:
- // see dojo.animateProperty(). Animate all elements of this
- // NodeList across the properties specified.
- // example:
- // | dojo.query(".zork").animateProperty({
- // | duration: 500,
- // | properties: {
- // | color: { start: "black", end: "white" },
- // | left: { end: 300 }
- // | }
- // | }).play();
- return this._anim(dojo, "animateProperty", args); // dojo._Animation
- }
- });
- }
|