mooSwitch 0.6

By Marcel Miranda

Try It

Example

Hide Labels

Labels Position

Drag Opacity

Hide Radiobuttons

Edit Parameters

Help Out

Description

MooSwitch is a iPhone / Time Machine style switch or toggle button for MooTools 1.2b, which you initiate this way:

var mySwitch = new mooSwitch('radioset');

Where radioset is a the name of a pair of input's with their corresponding label's.

There are three ways of toggleing, you can drag the handle to a side, click the label, or if the labels are placed outside, clicking the scroll area (the handle background). MooSwitch takes care of hiding the Radio inputs and their labels tags if they have.

License

MooSwitch is released under the same license as MooTools, the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance.

Browser Compatibility

MooSwitch has been tested successfully in Safari 3, Firefox 2 and 3b. But it probably works on other browser too.

Download