https://github.com/josephschmitt/mootools-skinned-dropdown

Mootools v1.2+ utility class that takes a <select> box and skins it using CSS and Javascript.
https://github.com/josephschmitt/mootools-skinned-dropdown

Last synced: 2 months ago
JSON representation

Mootools v1.2+ utility class that takes a <select> box and skins it using CSS and Javascript.

• Host: GitHub
• URL: https://github.com/josephschmitt/mootools-skinned-dropdown
• Owner: josephschmitt
• Created: 2010-06-29T20:58:43.000Z (almost 15 years ago)
• Default Branch: master
• Last Pushed: 2010-06-30T15:18:52.000Z (almost 15 years ago)
• Last Synced: 2025-01-22T13:40:10.256Z (4 months ago)
• Homepage: http://vimeo.com
• Size: 93.8 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README

Awesome Lists containing this project

README

        
DESCRIPTION:

Mootools v1.2+ utility class that takes a  box and skins it using CSS and Javascript.

USAGE:

Assuming this markup:

	Option 1

	Option 2

	Option 3

The dropdown is skinned by executing the following Javascript

var skinned_dropdown = new Dropdown($('my_selectbox'), {

	width: 125,

	onSelect: function(value) {

		switch(value)

		{

			case... // Handle cases here

		}

	}.bind(this)

});

The Dropdown class creates the following markup next to the  element



	


		
Option 1

	

	


		


			
Option 1

			
Option 2

			
Option 3

		

	



and sets the  element to display:none.