comboBoocomboBox with Mootools

Posted on 23rd Sep 2007 by Bruno Torrinha

Overview:

ComboBoo is a combobox replacement class that create stylish combos via CSS and Mootools framework.

This script is slightly inspired in digitarald autocompleter.

Example:

- Visit other demo.

Instalation:

1. Add Mootools and ComboBoo library reference.

<script type="text/javascript" src="js/mootools.v1.11.js"></script>
<script type="text/javascript" src="js/comboboo.js"></script>

2. Define class comboBoo.

<select name="vegetables" class="comboBoo">
	<option value="1">Carrots</option>
	<option value="2" selected>Broccoli</option>
	<option value="3">Garlic</option>
</select>

3. Create comboBoo instances.

<script>
window.addEvent('domready', function() {
	$$('.comboBoo').each(function(el){
		new comboBoo(el);
	});
});
</script>

Compatibility:

Tested and working with IE 7 and Firefox 2.0.

Download:

• comboBoo packed