Cross browser Inline Editing Plugin with jQuery inline edit - Download Cross-browser Inline Editing Plugin with jQuery - inline-edit

Download Cross-browser Inline Editing Plugin with jQuery – inline-edit

Posted on

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.

Cross browser Inline Editing Plugin with jQuery inline edit - Download Cross-browser Inline Editing Plugin with jQuery - inline-edit
File Size: 4.38 KB
Views Total: 2508
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   



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');
2  
3 // or
4  
5 $('.inline-edit').inlineEdit('mouseover');

3. Customization options.

01 $('.inline-edit').inlineEdit('click', {
02  
03   // use textarea instead of input field
04   type: 'textarea',
05  
06   // attributes for input field or textarea
07   attributes: {
08     id: 'input-id',
09     class: 'input-class-1 input-class-2 input-class-3',
10     style: 'background:#ffe;'
11   }
12  
13 });

This awesome jQuery plugin is developed by SUKOHI. For more Advanced Usages, please check the demo page or visit the official website.




source : jqueryscript.net