Here is the newest version of Smart Hover Box for Mootools 1.2. We have turned it into a class, added a few new options (lockX and lockY), and even included a “close box” method for easier UI integration.

For Day 15 we take a close look at how to create sliders (as in a knob that slides along an axis and returns a value). We take a look at how to configure horizontal and vertical sliders, how to listen for the start, slide and complete events, and how to grab the value. Features a working demo and a downloadable zip with everything you need to get started.

With Smart Hover Box for Mootools 1.2, you can make any html element into a hover box with a hover control, simply by adding an id suffix. The Smart Hover Box has smart positing, user defined delay, and user defined x and y offset.

Mootime is an easy to implement mootools 1.2 javascript time picker. You can add as many as you like to a page, just add an input field and call the function “mootools(’id’)” where id is the same as the input tag. Check out a live demo and get a zip folder with everything you need to get started.

Looking for an easy method to toggle page elements? Here’s code that lets you create multiple slide effects by adding the suffix “_toggle” and “_slide” to any two elements.

Add an animated effect to your navigation like the one on our menu. Simple to install and configure, all you have to do is input the ID of your navigation wrap and apply a few setting (like where to place the image in relation to the navigation element and your active ID). You can even download a zip folder with everything you need, including a copy of the mootools 1.2 core. - note IE6 users, the menu is not implemented as IE6 doesn’t not support png transparency, but the menu still works great with a solid background.