Comments on: Hot Effect: MooTools Drag Opacity

By: Star Config

Star Config — Sun, 17 Jan 2010 06:22:31 +0000

This code is really small, nothing complicated, as looked like.we can set as well for how long is going to work. Really good stuff, java make it easier.

By: leo

leo — Mon, 11 Jan 2010 07:05:50 +0000

when you click the block that can be move to top…..

By: Alex

Alex — Sat, 09 Jan 2010 22:46:14 +0000

monkeyphysics plug in +1

By: Dumm

Dumm — Sat, 09 Jan 2010 21:36:48 +0000

great effect. i will use it in my next projects

By: Ryan Florence

Ryan Florence — Fri, 08 Jan 2010 13:10:47 +0000

@marcoverga: http://mootools.net/docs/more/Drag/Drag#Drag:stop

Check the position of the element relative to whatever you want and then call stop();

By: dev

dev — Fri, 08 Jan 2010 09:22:29 +0000

Wow, awesome feature.

By: Marcoverga

Marcoverga — Fri, 08 Jan 2010 07:37:40 +0000

What if I’d like to prevent the boxes to be moved on some part of the page (header, for instance?)

By: Ryan Florence

Ryan Florence — Fri, 08 Jan 2010 00:14:22 +0000

Love the z-index trick to keep them on top David.

@vivitor: `position: absolute` block elements with `width: auto` set their width similar to floated elements, just enough for the content inside + padding + border. Each box has the same text, therefore the same width. When they hit the side of the parent element the width adjusts accordingly.

Pop open the inspector and change the text inside one and you’ll see the width changes to accomadate it.

By: Chris the Developer

Chris the Developer — Thu, 07 Jan 2010 21:57:20 +0000

If i set a width on them (through firebug) then they don’t adjust shape… Interesting quirk…

By: Chris the Developer

Chris the Developer — Thu, 07 Jan 2010 21:55:41 +0000

@vitor – I can only guess that it’s because the drag boxes don’t have a fixed with, so when they get to the right side of their parent they try to adjust their shape to fit inside. See how the text changes also?