Some examples of Mootools in action
I spotted this post over at the Mootools forums and thought I’d share. It’s really amazing how much you can get out of this little library. One of the things our new framework does is let us create functionality like this and deploy it so any producer/engineer can use it with relatively little effort.
Tabs
The original author asked me for a moo-conversion, work is in progress. Will refactor still much of the code and add support for Dragging into tabcontent (Dragging over a tab activates it).
http://dev.digitarald.de/tabs.html
Playground Dragging (Reverse Dragging)
Dragging reversed, wonky because onStart and onComplete have this 10ms delay, so in some situations the position is changing.
http://dev.digitarald.de/drag.html
Fly-over-background
Scrolling effect, like the effect in flash used on some nice sites. Scrolling from content to content that is attached to a big background image. Just a performance check ;)
http://dev.digitarald.de/tile.html
Ghost Dragging
Shopping Card dragging? Drag your favorite element and drop a copy of it, like in Rich Client Shopping cards or Item-to-Category. Very basic, added my personal spice with ajax and more checks inside my own rich client project ;)
http://dev.digitarald.de/ghostdrag.html
More to come (Better Lightbox, mooSelectBox, conversion of Floating Windows).

November 8th, 2006 at 1:38 pm
Here’s another example of it in action:
http://www.beautyindesign.com/joomlaos
January 6th, 2007 at 7:29 am
The fly over background exemple by digitarald was fixed to compile with IE. Check out in http://www.dotes.com.br/mootools/FlyOverBackground.html