dojo/NodeList-fx

Summary

Adds dojo.fx animation support to dojo.query() by extending the NodeList class with additional FX functions. NodeList is the array-like object used to hold query results.

Usage

See the dojo/NodeList-fx reference documentation for more information.

Methods

fadeTo(args)

Defined by dojox/fx/ext-dojo/NodeList

fade all elements of the node list to a specified opacity

Parameter	Type	Description
args	undefined

Returns: undefined

Examples

Example 1

// fade all elements with class "bar" to to 50% opacity
dojo.query(".bar").fadeTo({ end: 0.5 }).play();

highlight(args)

Defined by dojox/fx/ext-dojo/NodeList

highlight all elements of the node list. Returns an instance of dojo.Animation

Parameter	Type	Description
args	undefined

Returns: undefined

Examples

Example 1

// highlight all links with class "foo"
dojo.query("a.foo").hightlight().play();

sizeTo(args)

Defined by dojox/fx/ext-dojo/NodeList

size all elements of this NodeList. Returns an instance of dojo.Animation

Parameter	Type	Description
args	undefined

Returns: undefined

Examples

Example 1

// size all divs with class "blah"
dojo.query("div.blah").sizeTo({
    width:50,
    height:50
}).play();

slideBy(args)

Defined by dojox/fx/ext-dojo/NodeList

slide all elements of this NodeList. Returns an instance of dojo.Animation

Parameter	Type	Description
args	undefined

Returns: undefined

Examples

Example 1

// slide all tables with class "blah" 10 px
dojo.query("table.blah").slideBy({ top:10, left:10 }).play();

wipeTo(args)

Defined by dojox/fx/ext-dojo/NodeList

Wipe all elements of the NodeList to a specified width: or height:

Parameter	Type	Description
args	undefined

Returns: undefined

Examples

Example 1

dojo.query(".box").wipeTo({ width: 300px }).play();