Forums

Hi everyone,

Basically a simple question, but I couldn't find the answer, which could also be simple.

Here it comes: can you set one animation to all elements with a certain style?


Such that when I have 10 elements with class "MyClass", they will all be animated... Now only the first element with that class will have be animated.

Cheers, Rick

would I be able to make the same substitution in my code...

{

_posX : 100,
_posY : 100,

do_animations : function() {

var animate = function(node) {

var

anim = new Y.Anim(
{
node: node,
duration: 0.5,
easing: Y.Easing.elasticOut
});

anim.set('to', { xy: [this._posX, this._posY] });

anim.run();
};

this.get("container").all("li").each(animate,this);
}
}

Im not bothered about the easing, but I want to animate position.

Also can you quickly explain why you can write the code as Y.all(x).transition(...) and if this would be at all possible with Y.Anim and if it is quicker or no different to using each

Thanks

What if one of the properties that you wanted to pass into transition were related to the actual node the transition method is being applied to? Is there any way to do this? especially in a Y.all scenario?, I was able to do this when using .each() using the context variable 'this'

but....

var that = this;

this.get("container").all("li").transition(
{
duration: 0.5,
easing : 'ease-out',
left : that._oldThumbPosition[NEED TO GET YUID OF NODE HERE].posX,
top : that._oldThumbPosition[NEED TO GET YUID OF NODE HERE].posY});

I am guessing this can't be done?

Thanks