MooChoose 1.0.2

Simply, MooChoose is a replacement for the standard select input. Since every browser and OS render them differently it can make your user interface look different to each user, this is no good in some cases where you really need to brand everything.

Details

Author
Tomas Rainbolt
Current version
1.0.2
GitHub
trainbolt/MooChoose
Downloads
6752
Category
Interface
Tags
Report
GitHub Issues

Releases

Dependencies

  • _self_/_current_:
    • core/1.2.4/Native: Event
    • core/1.2.4/Class: Class
    • core/1.2.4/Class: Class.Extras
    • core/1.2.4/Element: Element
    • core/1.2.4/Element: Element.Event
    • core/1.2.4/Element: Element.Style
    • core/1.2.4/Element: Element.Dimensions
    • core/1.2.4/Utilities: Selectors
    • core/1.2.4/Utilities: DomReady
    • more/1.2.4/Element: Element.Measure

How to use

Really simple actually. You may use the default selectClass (moochoose) or you may decide to define that in your init.

Include in document HEAD

<script language="javascript" type="text/javascript" src="mootools-1.2.4-core-yc.js"></script>
<script language="javascript" type="text/javascript" src="mootools-1.2.4.2-more.js"></script>
<script language="javascript" type="text/javascript" src="moochoose.js"></script>
<link rel="stylesheet" type="text/css" href="css/moochoose.css" />

Call MooChoose with domready event

var myMooChoose;
window.addEvent('domready', function(){
    myMooChoose = new mooChoose({ OPTIONS });
});

Documentation, Download & Examples

Rainbolt Studios

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus