inplace

Inplace - An inplace editor

Inplace is an tiny inplace editor to enable a quick ajax update with no need to create a form.

Options

buttonOrder:   // the cancel and save order button on screen
cancel:        // enables cancel button creation
cancelClass:   // the cancel button class
cancelValue:   // the cancel button label
checkable:     // html elements that will listen check change
fieldClass:    // the field class
fieldName:     // the field name
fieldTemplate: // template used to build custom names format
fieldType:     // the field type
method:        // method used on ajax request
save:          // enables save button creation
saveClass:     // the save button class
saveValue:     // the save button label
selectable:    // html elements that will listen select change
typeful:       // html elements that will listen enter change

Usage

You declare an element with optional data atributes:

<div
  class="inplace"
  data-attributes='{ "maxlength": 2 }'
  data-field-name="number"
  data-field-value="42"
  data-url="/update"
>42</div>

On JS you can declare attributes too, but data attributes has priority:

$('.inplace').inplace({ url: 'save' });

Functions

Contributors

Check it out

Changelog

v0.1.0

• Removes Node version from travis.yml;
• Updates some libs;
• Updates som docs;