diff options
Diffstat (limited to 'lib/dojo/NodeList-fx.js')
-rw-r--r-- | lib/dojo/NodeList-fx.js | 215 |
1 files changed, 2 insertions, 213 deletions
diff --git a/lib/dojo/NodeList-fx.js b/lib/dojo/NodeList-fx.js index b9ec76647..8663bebf6 100644 --- a/lib/dojo/NodeList-fx.js +++ b/lib/dojo/NodeList-fx.js @@ -4,216 +4,5 @@ see: http://dojotoolkit.org/license for details */ - -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["NodeList-fx"] = { - // summary: Adds dojo.fx animation support to dojo.query() -}; -=====*/ - -dojo.extend(dojo.NodeList, { - _anim: function(obj, method, args){ - args = args||{}; - var a = dojo.fx.combine( - this.map(function(item){ - var tmpArgs = { node: item }; - dojo.mixin(tmpArgs, args); - return obj[method](tmpArgs); - }) - ); - return args.auto ? a.play() && this : a; // dojo.Animation|dojo.NodeList - }, - - wipeIn: function(args){ - // summary: - // wipe in all elements of this NodeList via `dojo.fx.wipeIn` - // - // args: Object? - // Additional dojo.Animation arguments to mix into this set with the addition of - // an `auto` parameter. - // - // returns: dojo.Animation|dojo.NodeList - // A special args member `auto` can be passed to automatically play the animation. - // If args.auto is present, the original dojo.NodeList will be returned for further - // chaining. Otherwise the dojo.Animation instance is returned and must be .play()'ed - // - // example: - // Fade in all tables with class "blah": - // | dojo.query("table.blah").wipeIn().play(); - // - // example: - // Utilizing `auto` to get the NodeList back: - // | dojo.query(".titles").wipeIn({ auto:true }).onclick(someFunction); - // - return this._anim(dojo.fx, "wipeIn", args); // dojo.Animation|dojo.NodeList - }, - - wipeOut: function(args){ - // summary: - // wipe out all elements of this NodeList via `dojo.fx.wipeOut` - // - // args: Object? - // Additional dojo.Animation arguments to mix into this set with the addition of - // an `auto` parameter. - // - // returns: dojo.Animation|dojo.NodeList - // A special args member `auto` can be passed to automatically play the animation. - // If args.auto is present, the original dojo.NodeList will be returned for further - // chaining. Otherwise the dojo.Animation instance is returned and must be .play()'ed - // - // example: - // Wipe out all tables with class "blah": - // | dojo.query("table.blah").wipeOut().play(); - return this._anim(dojo.fx, "wipeOut", args); // dojo.Animation|dojo.NodeList - }, - - slideTo: function(args){ - // summary: - // slide all elements of the node list to the specified place via `dojo.fx.slideTo` - // - // args: Object? - // Additional dojo.Animation arguments to mix into this set with the addition of - // an `auto` parameter. - // - // returns: dojo.Animation|dojo.NodeList - // A special args member `auto` can be passed to automatically play the animation. - // If args.auto is present, the original dojo.NodeList will be returned for further - // chaining. Otherwise the dojo.Animation instance is returned and must be .play()'ed - // - // 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|dojo.NodeList - }, - - - fadeIn: function(args){ - // summary: - // fade in all elements of this NodeList via `dojo.fadeIn` - // - // args: Object? - // Additional dojo.Animation arguments to mix into this set with the addition of - // an `auto` parameter. - // - // returns: dojo.Animation|dojo.NodeList - // A special args member `auto` can be passed to automatically play the animation. - // If args.auto is present, the original dojo.NodeList will be returned for further - // chaining. Otherwise the dojo.Animation instance is returned and must be .play()'ed - // - // example: - // Fade in all tables with class "blah": - // | dojo.query("table.blah").fadeIn().play(); - return this._anim(dojo, "fadeIn", args); // dojo.Animation|dojo.NodeList - }, - - fadeOut: function(args){ - // summary: - // fade out all elements of this NodeList via `dojo.fadeOut` - // - // args: Object? - // Additional dojo.Animation arguments to mix into this set with the addition of - // an `auto` parameter. - // - // returns: dojo.Animation|dojo.NodeList - // A special args member `auto` can be passed to automatically play the animation. - // If args.auto is present, the original dojo.NodeList will be returned for further - // chaining. Otherwise the dojo.Animation instance is returned and must be .play()'ed - // - // 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(); - // example: - // Using `auto`: - // | dojo.query("li").fadeOut({ auto:true }).filter(filterFn).forEach(doit); - // - return this._anim(dojo, "fadeOut", args); // dojo.Animation|dojo.NodeList - }, - - animateProperty: function(args){ - // summary: - // Animate all elements of this NodeList across the properties specified. - // syntax identical to `dojo.animateProperty` - // - // returns: dojo.Animation|dojo.NodeList - // A special args member `auto` can be passed to automatically play the animation. - // If args.auto is present, the original dojo.NodeList will be returned for further - // chaining. Otherwise the dojo.Animation instance is returned and must be .play()'ed - // - // example: - // | dojo.query(".zork").animateProperty({ - // | duration: 500, - // | properties: { - // | color: { start: "black", end: "white" }, - // | left: { end: 300 } - // | } - // | }).play(); - // - // example: - // | dojo.query(".grue").animateProperty({ - // | auto:true, - // | properties: { - // | height:240 - // | } - // | }).onclick(handler); - return this._anim(dojo, "animateProperty", args); // dojo.Animation|dojo.NodeList - }, - - anim: function( /*Object*/ properties, - /*Integer?*/ duration, - /*Function?*/ easing, - /*Function?*/ onEnd, - /*Integer?*/ delay){ - // summary: - // Animate one or more CSS properties for all nodes in this list. - // The returned animation object will already be playing when it - // is returned. See the docs for `dojo.anim` for full details. - // properties: Object - // the properties to animate. does NOT support the `auto` parameter like other - // NodeList-fx methods. - // duration: Integer? - // Optional. The time to run the animations for - // easing: Function? - // Optional. The easing function to use. - // onEnd: Function? - // A function to be called when the animation ends - // delay: - // how long to delay playing the returned animation - // example: - // Another way to fade out: - // | dojo.query(".thinger").anim({ opacity: 0 }); - // example: - // animate all elements with the "thigner" class to a width of 500 - // pixels over half a second - // | dojo.query(".thinger").anim({ width: 500 }, 700); - var canim = dojo.fx.combine( - this.map(function(item){ - return dojo.animateProperty({ - node: item, - properties: properties, - duration: duration||350, - easing: easing - }); - }) - ); - if(onEnd){ - dojo.connect(canim, "onEnd", onEnd); - } - return canim.play(delay||0); // dojo.Animation - } -}); - -} +//>>built +define("dojo/NodeList-fx",["dojo/_base/NodeList","./_base/lang","./_base/connect","./_base/fx","./fx"],function(_1,_2,_3,_4,_5){_2.extend(_1,{_anim:function(_6,_7,_8){_8=_8||{};var a=_5.combine(this.map(function(_9){var _a={node:_9};_2.mixin(_a,_8);return _6[_7](_a);}));return _8.auto?a.play()&&this:a;},wipeIn:function(_b){return this._anim(_5,"wipeIn",_b);},wipeOut:function(_c){return this._anim(_5,"wipeOut",_c);},slideTo:function(_d){return this._anim(_5,"slideTo",_d);},fadeIn:function(_e){return this._anim(_4,"fadeIn",_e);},fadeOut:function(_f){return this._anim(_4,"fadeOut",_f);},animateProperty:function(_10){return this._anim(_4,"animateProperty",_10);},anim:function(_11,_12,_13,_14,_15){var _16=_5.combine(this.map(function(_17){return _4.animateProperty({node:_17,properties:_11,duration:_12||350,easing:_13});}));if(_14){_3.connect(_16,"onEnd",_14);}return _16.play(_15||0);}});return _1;});
\ No newline at end of file |