dojo/NodeList-fx.js

• Provides:

  • dojo.NodeList-fx

• dojo.NodeList._anim

  • type

    Function

  • parameters:
    • obj: (typeof )
    • method: (typeof )
    • args: (typeof )
  • source: [view]
      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
  • returns

    dojo.Animation|dojo.NodeList

  • summary

• dojo.NodeList.wipeIn

  • type

    Function

  • parameters:
    • args: (typeof Object)

      Additional dojo.Animation arguments to mix into this set with the addition of
      an `auto` parameter.

  • source: [view]
      return this._anim(dojo.fx, "wipeIn", args); // dojo.Animation|dojo.NodeList
  • summary

    wipe in all elements of this NodeList via `dojo.fx.wipeIn`

  • return_summary

    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

  • returns

    dojo.Animation|dojo.NodeList

  • 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);

• dojo.NodeList.wipeOut

  • type

    Function

  • parameters:
    • args: (typeof Object)

      Additional dojo.Animation arguments to mix into this set with the addition of
      an `auto` parameter.

  • source: [view]
      return this._anim(dojo.fx, "wipeOut", args); // dojo.Animation|dojo.NodeList
  • summary

    wipe out all elements of this NodeList via `dojo.fx.wipeOut`

  • return_summary

    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

  • returns

    dojo.Animation|dojo.NodeList

  • example

    Wipe out all tables with class "blah":
    
    	dojo.query("table.blah").wipeOut().play();

• dojo.NodeList.slideTo

  • type

    Function

  • parameters:
    • args: (typeof Object)

      Additional dojo.Animation arguments to mix into this set with the addition of
      an `auto` parameter.

  • source: [view]
      return this._anim(dojo.fx, "slideTo", args); // dojo.Animation|dojo.NodeList
  • summary

    slide all elements of the node list to the specified place via `dojo.fx.slideTo`

  • return_summary

    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

  • returns

    dojo.Animation|dojo.NodeList

  • example

    
    	Move all tables with class "blah" to 300/300:
    	dojo.query("table.blah").slideTo({
    		left: 40,
    		top: 50
    	}).play();

• dojo.NodeList.fadeIn

  • type

    Function

  • parameters:
    • args: (typeof Object)

      Additional dojo.Animation arguments to mix into this set with the addition of
      an `auto` parameter.

  • source: [view]
      return this._anim(dojo, "fadeIn", args); // dojo.Animation|dojo.NodeList
  • summary

    fade in all elements of this NodeList via `dojo.fadeIn`

  • return_summary

    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

  • returns

    dojo.Animation|dojo.NodeList

  • example

    Fade in all tables with class "blah":
    
    	dojo.query("table.blah").fadeIn().play();

• dojo.NodeList.fadeOut

  • type

    Function

  • parameters:
    • args: (typeof Object)

      Additional dojo.Animation arguments to mix into this set with the addition of
      an `auto` parameter.

  • source: [view]
      return this._anim(dojo, "fadeOut", args); // dojo.Animation|dojo.NodeList
  • summary

    fade out all elements of this NodeList via `dojo.fadeOut`

  • return_summary

    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

  • returns

    dojo.Animation|dojo.NodeList

  • 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);

• dojo.NodeList.animateProperty

  • type

    Function

  • parameters:
    • args: (typeof )
  • source: [view]
      return this._anim(dojo, "animateProperty", args); // dojo.Animation|dojo.NodeList
  • summary

    Animate all elements of this NodeList across the properties specified.
    syntax identical to `dojo.animateProperty`

  • return_summary

    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

  • returns

    dojo.Animation|dojo.NodeList

  • 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);

• dojo.NodeList.anim

  • type

    Function

  • parameters:
    • properties: (typeof Object)

      the properties to animate. does NOT support the `auto` parameter like other
      NodeList-fx methods.

    • duration: (typeof Integer)

      Optional. The time to run the animations for

    • easing: (typeof Function)

      Optional. The easing function to use.

    • onEnd: (typeof Function)

      A function to be called when the animation ends

    • delay: (typeof Integer)

      how long to delay playing the returned animation

  • source: [view]
      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
  • 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.

  • returns

    dojo.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);

• tmpArgs

  • mixins:
    • args: (normal)
  • summary

• dojo.NodeList-fx

  • type

    Object

  • summary

• dojo

  • type

    Object

  • summary