Skip to content

jquery-collection/jQuery-Skinner

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jQuery-Skinner

==============

A jQuery plugin for skin a html combobox (select)
If you find any bug, report it on twitter @anbi.

Usage

Include Javascript and Stylesheet

```html <script src="js/jquery-skinner.js" type="text/javascript"></script> ```

Insert html select tag with classname:

```html Banana Cucumber Strawberry Hedge apple Boysenberry Apple Pomegranate tree ```

Insert Javascript

```javascript $(function(){
$('.myNewSelect').skinner({'width':'200px', 'maxitem':'4'});

});


<h3>List of params</h3>
```javascript
	$('.myNewSelect').skinner({
		'type':'left',					// Floating of element i.e. 'left' or 'right'
		'width':'150px',				// Specify a fixed width in pixel i.e. '150px
		'maxitem':false,				// Maximum number of item to show i.e. '4'
		'textwrap':true					// Force text wrap at width of select i.e true or false
		,'minWidth':'40px'				//	Minimum width of the 'textinput'
		,'itemMinWidth':'40px'			//	Minimum width of the dropdown list
		,'mode':'pureText'				//	the visual mode of the element.
		,'placeHolder':'please select'	//	set the place holder.
		,'valueNullable':'false'		//	enable leave it empty or not.
	});

Changelog

  • v 1.3.5 improve the drop down container's drop behaviour logical; added disabled option; added events:beforeClickItem/whenClickItem/afterClickItem
  • v 1.3.1 speed up the rendering process. update the perfermance and the logic about the dropdown direction. change only trigger when value changed. support select's unchange event.
  • v 1.3.0 added placeHolder; added valueNullable; Fixed Variable Scope Bug; Improved the function usage (_li_click,_apply_max_item is added , checkSelect has been changed to _init_li); added dorpdownlist auto hide logic;
  • v 1.2.2 add a ' pure text ' visual mode
  • v 1.2.1 add supports for setting the min-width attribute of the text of the select and its dropdown-list
  • v 1.2 added max item to show option
  • v 1.1 added text wrap option
  • v 1.0 first relase

Credits

Author: *Andrea ([@anbi](http://www.twitter.com/anbi)) Bianchin*
Homesite: *www.andreabianchin.it*
Contributor: *[will-v-king](https://github.com/will-v-king)*

About

A jQuery plugin for skin a html combobox (select)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 86.3%
  • CSS 13.7%