1 | define(["dojo/_base/kernel", "dojo/_base/lang", "dojo/_base/fx", "dojox/fx","dojo/NodeList-fx"], |
---|
2 | function(kernel, lang, baseFx, CoreFx, NodeList){ |
---|
3 | kernel.experimental("dojox.fx.ext-dojo.NodeList"); |
---|
4 | |
---|
5 | /*===== |
---|
6 | return { |
---|
7 | // summary: |
---|
8 | // Core extensions to dojo/NodeList providing additional fx to dojo.NodeList-fx |
---|
9 | // description: |
---|
10 | // A Package to extend dojo base NodeList with fx provided by the dojox.fx project. |
---|
11 | // These are experimental animations, in an experimental |
---|
12 | }; |
---|
13 | =====*/ |
---|
14 | |
---|
15 | lang.extend(NodeList, { |
---|
16 | |
---|
17 | sizeTo: function(args){ |
---|
18 | // summary: |
---|
19 | // size all elements of this NodeList. Returns an instance of dojo.Animation |
---|
20 | // example: |
---|
21 | // | // size all divs with class "blah" |
---|
22 | // | dojo.query("div.blah").sizeTo({ |
---|
23 | // | width:50, |
---|
24 | // | height:50 |
---|
25 | // | }).play(); |
---|
26 | return this._anim(CoreFx, "sizeTo", args); // dojo.Animation |
---|
27 | }, |
---|
28 | |
---|
29 | slideBy: function(args){ |
---|
30 | // summary: |
---|
31 | // slide all elements of this NodeList. Returns an instance of dojo.Animation |
---|
32 | // example: |
---|
33 | // | // slide all tables with class "blah" 10 px |
---|
34 | // | dojo.query("table.blah").slideBy({ top:10, left:10 }).play(); |
---|
35 | return this._anim(CoreFx, "slideBy", args); // dojo.Animation |
---|
36 | }, |
---|
37 | |
---|
38 | highlight: function(args){ |
---|
39 | // summary: |
---|
40 | // highlight all elements of the node list. |
---|
41 | // Returns an instance of dojo.Animation |
---|
42 | // example: |
---|
43 | // | // highlight all links with class "foo" |
---|
44 | // | dojo.query("a.foo").hightlight().play(); |
---|
45 | return this._anim(CoreFx, "highlight", args); // dojo.Animation |
---|
46 | }, |
---|
47 | |
---|
48 | fadeTo: function(args){ |
---|
49 | // summary: |
---|
50 | // fade all elements of the node list to a specified opacity |
---|
51 | // example: |
---|
52 | // | // fade all elements with class "bar" to to 50% opacity |
---|
53 | // | dojo.query(".bar").fadeTo({ end: 0.5 }).play(); |
---|
54 | return this._anim(baseFx,"_fade",args); |
---|
55 | }, |
---|
56 | |
---|
57 | wipeTo: function(args){ |
---|
58 | // summary: |
---|
59 | // Wipe all elements of the NodeList to a specified width: or height: |
---|
60 | // example: |
---|
61 | // | dojo.query(".box").wipeTo({ width: 300px }).play(); |
---|
62 | return this._anim(CoreFx, "wipeTo", args); |
---|
63 | } |
---|
64 | |
---|
65 | }); |
---|
66 | return NodeList; |
---|
67 | }); |
---|