Binpress components2011-06-28T02:27:31+00:00Zend_Feed_Writerhttp://www.binpress.comBinpresscontact@binpress.comhttp://www.binpress.com2011-06-28T02:27:31+00:002011-06-28T02:27:31+00:00http://www.binpress.com/app/mocomboreplace/494Marcelo.Origoninoreply@binpress.comhttp://www.binpress.comdev/profile/165Style a select element by turning it into an unordered listWhat's moCombo.replace?moCombo.replace converts any <select> element into a fully styleable (via CSS) ordered list.
And in the case of the single select element, it even allow you to change the arrow of the drop down menu.Does it keep events added to the original select?This version of moCombo keeps onchange events (even if they where assigned using mootools, with the addEvent call).Does it keep options groups?Option groups are kept intact and are converted to an unordered list.What are the requirementsmoCombo.replace requires mootools 1.3Which browsers is it compatible with?It was tested with IE7, IE8, FF2, FF3, Safari 5, Chrome 2 and Opera 11. All under windows.How to use it?Include mootools 1.3 javascript file, and the moCombo javascript file, then just add this call to your domready.new moCombo.replace($$('select.replaceme'));
You can pass 1 or more elements via their CSS selectors.