Brian Chan's blog

I want to recommend this awesome plugin to you called Jeditable. Imagine you have a text field you want to let your users make changes to and then save it. Won’t you need a text field and a save button? How nice if the user can click on some text and edit it from there. Um… it’s hard to describe what that looks like, you will have to try out the demo yourself!

If you never tried it, I would describe it as in-place editing.

All the necessary code needed is pretty much the following.

1
2

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.jeditable.js" type="text/javascript" charset="utf-8"></script>

1

<div class="edit" id="div_1">Text to be edited</div>

1
2
3

 $(document).ready(function() {
     $('.edit').editable('http://www.example.com/save.php');
 });

More examples here.

Related posts:

1. jquery datepicker date format
2. jQuery vs MooTools
3. To disable form fields in jquery
4. PHP encode JS decode
5. itheme