JavaScript elSelect für MooTools

Mit elSelect für MooTools

lässt sich ein Selectelement nach eigenen Wünschen gestalten. Die Konfiguration erfolgt einfach über die CSS Datei.

 

JavaScript - elSelect für MooTools

in <head> einfügen

<link href="js/style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/elSelect.js"></script>
<script type="text/javascript">
<!---//
window.addEvent('domready', function(){
var mySelect = new elSelect( {container : 'mySelect'} );
});
//-->
</script>
alle elSelect File befinden sich im elSelect Download

 

in <body>

<div id="mySelect">
<select name="test">
<option>-select number-</option>
<option value="1" class="icon_1">one</option>
<option value="2" class="icon_2">two</option>
<option value="3" disabled="disabled">three</option>
<option value="4">four</option>

</select>

 

elSelect Download

Projektseite

Mootools Download

 

JavaScript Archiv Bookmark