JqueryJquery plugins   PortFolioSenamion's PortFolio HomeHome page corner A jquery blog

Senamion.com


Senamion:

Categorie:

Archivi:

jListbox is a Jquery plugin that allow to use format select in a HTML page.
For compatibility with all form and when javascript is disabled the syntax is the same of a normal select statement.
The formatted part of the element is inserted in a rel parameters.

To use this jquery plugin:

  • download jquery.jListbox.js and jquery.jListbox.css
  • download last version of jquery.js (and, if you want, the jquery.bgiframe.js)
  • include the css and the js in the head section of the page:
    <head>
    ...
    <link rel="stylesheet" href="css/jquery.jListbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/jquery.js" ></script>
    <script type="text/javascript" src="js/jquery.bgiframe.js" ></script>
    <script type="text/javascript" src="js/jquery.jListbox.js" ></script>
    ...
    </head>
    
  • in the read function launch the jListbox relative at your select:
    <script type="text/javascript">
    	$().ready(function() {
    		$("#lang").jListbox();
    	});
    </script>
    

Release

  • 0.2 - Feb 25 2010 - Now you must use onChange event in the select
  • 0.1 - Aug 25 2009 - Added ie6 compatibility
  • 0.0 - Aug 9 2009 - First release of jlistbox

License

Dual licensed under the MIT and GPL licenses.