JavaScript image combobox v3.3

JavaScript image dropdown

Are you tired with your old fashion dropdown? Try this new one. Image combo box. You can add an icon with each option. It works with your existing "select" element or you can create by JSON object. I hope you'll like this.

jQuery + msDropdown

Preview: 

Preview

Feature at glance:

  • Fully Skin-able
  • Your original dropdown is safe, so your form post will not be messed.
  • Can be created via JSON object.
  • An image and a description can be inserted with text. Each <option> can have an image and description.
  • You may covert all combobox as image combobox, you may convert by id, multiple ids, or by wild card. We'll see that in example.
  • Its possible to repopulate the data. You can also Enabled/Disabled your dropdown. Now with the object control.
  • Almost all events are working.

Image DropDown v3.3 Features

  • Each dropdown can have own properties.
  • W3C Compatible
  • More Organised
  • Keyboard navigation
  • Multiple selection (List)
  • Multiple selection can have checkbox UI
  • Event Chaining
  • Multiple skin on single page
  • CSS sprite for icons.
  • Object Oriented approach
  • Open/Close via object
  • Add/Remove via object
  • Enabled/Disable via object
  • You can set almost all properties via object
  • It's FREE again :)

Dependency:

Jquery 1.2.6 or later.

This jQuery plugin works perfectly without any modification. Just follow the instruction and enjoy!

1. How to use (HTML Part)?



AttachmentSize
drupal.module.msdropdown.zip79.22 KB