SB with Mootools fx.styles

Submitted by MrGniarf on Tue, 10/28/2008 - 12:09

Hello Steffen,

Me again...

I try to apply mootools effect on a .sbinner class to get a coloured transition with mousehover.

Doesn't work obviously...

The script work well with all other div of my page exept ones with SB.

Here is the script :

-----------------------------------------------------------------------
var list = $$('.sb-inner');
list.each(function(element) {

var fx = new Fx.Styles(element, {duration:200, wait:false});

fx.start({
'background-color': '#1A3144'
});

element.addEvent('mouseenter', function(){
fx.start({
'background-color': '#4692CE'
});
});

element.addEvent('mouseleave', function(){
fx.start({
'background-color': '#1A3144'
});
});

});

-----------------------------------------------------------------------

Is the thing is possible yet ?

Thanks

Ben

Trackback URL for this post:

http://www.ruzee.com/trackback/175
‹ Problems with the transparent div part above the top border part ? Will this script ever support classes only? and not require ID's? ›

Unfortunatly not ...

Submitted by Steffen on Tue, 10/28/2008 - 19:10.

Since the ShadedBorder colors are applied to loads of DIVs via CSS classes, the moo animation cannot work efficiently. It would have to change every single generated DIV.

I see...

Submitted by MrGniarf on Wed, 10/29/2008 - 09:18.

A bit complicated indeed.
Thanks for answer.

Mootools events and effects ona ruzee shaded border div

Submitted by Guest (not verified) on Sat, 11/22/2008 - 02:36.

First that code is really long handed, let's shorten it up and get you rolling.

Target the sb-inner class of a give ruzee target ID like this:

$$('#myDivId .sb-inner').set({'events':
{
'mouseenter': function(){},
'mouseleave': function(){}
}
});

Hope that helps you.

oh and...

Submitted by Guest (not verified) on Sat, 11/22/2008 - 02:47.

You can do selectors like this in mootools for morph:

var ruzeeMorph = new Fx.Morph('#myDivId .sb-inner', {});

Your fist one wasn't wrong, neither were you Steffen, you just weren't selecting the ruzee instances sb-inner class most likely. try that guys.