Proto.IPS is a nice little widget which can be used for in place selection.

The idea is shamelessly stolen from gmail chat control (for setting user status) behavior.

This work is experimental so don't be too harsh on me.

There are known issues with CSS in IE6 and Safari 2 which I'm not sure how to get rid of, and any help would be greatly appreciated

Download v.0.1 (requires Prototype 1.6) and css file

I gladly accept any bug reports and suggestions.

Parameters:

(DOMElement|String) element

element to insert the control into

(Object) config

See the section above for all the configuration options

Config object (passed as a second parameter):

(Array) options

Array of options where each option is an object with text and className (optional) properties

beforeShow

called before options list is shown

afterShow

called after options list is shown

beforeUpdate(String value)

called before element is updated. new value is passed as a first parameter

afterUpdate(String value)

called after element is updated. new value is passed as a first parameter

afterCreate

called right after instantiation

Methods

addOption(option)

takes option object and inserts it into a list

Example

  new Proto.IPS(element, {
    options: [
      {text: 'Available', className: 'on'},
      {text: 'Free for chat', className: 'on'},
      {text: 'Away', className: 'half'},
      {text: 'Lunch', className: 'half'},
      {text: 'Not available', className: 'off'},
      {text: 'Occupied', className: 'off'}
    ]
  });