X-editable

There are a few classes working together for editable. Base class editableform is form with single input and two buttons. Input can be one of several input types (text, textarea, etc). Form markup is performed in plain HTML or can be extended by some library (bootstrap, jquery-ui). editableContainer includes editableform and shows it in popup or inline mode. When popup it can use any container for display (popover, tooltip, etc). Final class editable binds editableContainer to DOM element storing value and being updated after user submits new value.

Simple text field superuser
Empty text field, required Empty
Select, local array, custom display not selected
Select, remote array, no buttons Admin
Select, error while loading Active
Datepicker 25.02.2013
Combodate (date) 15/05/1984
Combodate (datetime) Empty
Bootstrap Datetimepicker 15/03/2013 12:45
Textarea, buttons below. Submit by ctrl+enter awesome user!
Checklist peach
apple
Select2 (tags mode) html, javascript
Select2 (dropdown mode) Bahamas