Dipi Graphics

Hi,

I was looking for a way to skin my select form...finally I decide to create my own plugin. This plugin is not finish yet but I'll give you the first part of this plugin because I don't know when I'll finish this. For now, It produces same thing than other plugin like that. Your select form is replace by a div + ul li to simulate a select Box with options and rebuild automatically your original <select> with the correct value.

Don't work with multiple selections.

Demo

• Online Demo

Requirement :

• jQuery 1.4 or later

CrossBrowsing :

• Working on FF, Safari, Chrome, IE7+

Activate the plugin :

$(document).ready(function(){
 
  $('#myCustomSelect').customSelectForm({
              prefix:"csf", // add a prefix to elements ClassName 
              icon:false // using icon TRUE/FALSE
  });
 
});

Functionalities :

• Standart functionalities of simple <select>
• using title attribute of <option> to set the icon path

Coming soon (or not):

• posibility to highlight your selectBox with a mask that cover entire screen.

Download :

• CSF Custom Select Form.zip

All files are fully commented

Last Update : 30/10/2010

Denis P.

A minor bug is fixed with the version 1.1 of navDock jQuery Plugin

Now you can use it without ajax request in a regular link.

see http://dipi-graphics.com/labs/6/NavDock-jQuery-Plugin.html for details.

Denis P.

NavDock is a jQuery Plugin that changes your html menu into a animate dock like the Osx dock.

• Jquery 1.3+ (not tested with 1.2)
• Working on last FF, Safari, Chrome, IE 7+
• Non intrusive

take a look at http://dipi-graphics.com/labs/6/NavDock-jQuery-Plugin.html

Cheers,

Denis P.