Folders and files

Name		Name	Last commit message	Last commit date
AUTHORS.txt		AUTHORS.txt
MIT-LICENSE.txt		MIT-LICENSE.txt
README.md		README.md
bower.json		bower.json
ief.jquery.json		ief.jquery.json
jquery.ief.js		jquery.ief.js

This jquery plugin is written to provide inline editing capability for form.

Many times users need to submit the entire form instead of incrementally submitting independent inline edits at a time.

This plugin allows you turn text on web page into an editable field. The requirement is that the text be enclosed within a <form> tag.

How to get it

Manual download

Use https://github.com/shahraship/jquery-inlineeditableform main page.

Bower

bower install jquery-ief

Basic usage

<form>
	<dl>
		<dt>Name</dt>
		<dd>
			<span id="name" class="ief">Michael Jackson</span>
		</dd>
		<dt>Address</dt>
		<dd>
			<span id="address" class="ief" data-ief-edittype="textarea">2
				Needless Alley,<br />Awesome Town, NY 10001
			</span>
		</dd>
		<dt>Gender</dt>
		<dd>
			<span id="gender" class="ief" data-ief-edittype="select"
				data-ief-selectvalues='[{"label":"Male","value":"male","selected":true},{"label":"Female","value":"female"}]'>Male</span>
		</dd>
		<dd>
			<span id="awesome" class="ief" data-ief-edittype="input:checkbox"
				data-ief-checked="true">I am awesome!!</span>
		</dd>
	</dl>
</form>

JQuery

	$(document).ready(function() {
		$('.ief').ief();
	});

Advanced usage

	$(document).ready(function() {
		$('.ief').ief({
			onstart:function(){},
			oncommit:function(){},
			oncancel:function(){}
		});
	});