This time I will share jQuery Plugin and tutorial about Cross-browser Inline Editing Plugin with jQuery – inline-edit, hope it will help you in programming stack.
inline-edit is a very small jQuery plugin which adds inline edit capability to existing html elements you specify. Works with both ‘click’ and ‘mouseover’ events.
Basic usage:
1. Add jQuery JavaScript library and the jQuery inline-edit plugin to the webpages.
1 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
2 |
<script src="jquery.inline-edit.js"></script> |
2. Call the function on the target elements and we’re done. The plugin supports CSS class selector to specify elements to be editable.
1 |
$('.inline-edit').inlineEdit('click'); |
5 |
$('.inline-edit').inlineEdit('mouseover'); |
3. Customization options.
01 |
$('.inline-edit').inlineEdit('click', { |
09 |
class: 'input-class-1 input-class-2 input-class-3', |
10 |
style: 'background:#ffe;' |
This awesome jQuery plugin is developed by SUKOHI. For more Advanced Usages, please check the demo page or visit the official website.
