CODEWITHSUNDEEP
javascriptjquerylayermulti-select
Sid Kshatriya
Sid Kshatriya

Reputation: 5015

jQuery Layer Selector type plugin or customizable List View plugin

I'm looking for a List View type of plugin compatible for jQuery 1.3. The functionality will be similar to a layer selector that is available in GIMP for instance.

The primary use is in desktop browsers and not mobile.

jQuery mobile list view seems to do the job but its for the mobile and seems to assume that its going to be hogging the whole screen. Think of this as a html multi-select but each list item is complicated. It should also be able to scroll without affecting the rest of the content on the page (which will be a map that the list view controls).

Essentially each list item will have a color picker, a textbox and a checkbox. Each list item controls a layer on an adjoining Google map. You may want to select a layer , deselect a layer, change its color, add a new layer and so on.

Upvotes: 0

Views: 447

Answers (1)

nathancahill
nathancahill

Reputation: 10850

Take a look at this: http://jsfiddle.net/yRxKK/1/

Pretty standard stuff here:

  • div with overflow-y: scroll
  • ul with block li's
  • form with checkboxes and text fields for each layer
  • color pickers from www.eyecon.ro/colorpicker/
  • jquery function for adding new layers
  • selection change color effect

Hope it gets you on the right track! Note that the JS, CSS and image are hot-linked from eyecon.ro. Please change that if you use it!

Upvotes: 1

Related Questions