Like all other things on the web there is kind of war between geek working on same topic. Specially when they release a plugin or piece of code and it is similar to others. Once we did a famous plugin called jQuery Editable at 2009. Today we are releasing the best editable plugin we came up with. It is flexible, light and Extendable. Check these samples:
jQuery Editable consist of 3 elements:
The structure is like this:
In this case span is Parent Element, label is Display Element and input is Input Element.
* Span and label and input can be changed to any tag you want "that's why it is so flexible".
* Parent element is not mandatory it is needed in case you want the Input Element to be displayed in same position as Display Element.
Display Element has two extra attributes called data-type="editable" and data-for="css selector for Input Element".
The above code can be something like this:
And when you call $('body').editables(); it will detect all editables in defined scope "body" and make them to act as editable. See more add sample page at the end of page.
This plugin get 6 options:
All these options are declared at $.fn.editables.options which means you can override them before start using them "which takes global effect".
If you need any feature to be added or have any question, please use below comment box.
Lite jQuery Watermark (Placeholder) plugin with same pattern click here.
Flexible jQuery Validation (validator) plugin with same pattern click here.
jQuery Template Engine (jTemplate) is flexible and smart. Just by adding some extra directives it can merge all sort of data st...
There are hips of jQuery validation Engines out there. But still some cannot be flexible enough to cover all developers need. S...
This easy to use jQuery watermark plugin which adds watermark input and textarea elements. A watermark is lighter colored text ...
Here is a quick how to on making your own jQuery plugin. Extending jQuery with plugins and methods is very powerful and can s...