Skip to content

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

Notifications You must be signed in to change notification settings

shahraship/jquery-inlineeditableform

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jquery-inline editable form plugin

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(){}
		});
	});

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published