inlineEdit and AngularJS

Recently I used the inlineEdit plugin with a project that uses AngularJS. As the inlineEdit plugin only handles switching between non-editable and editable views and exposes the save/cancel actions it was pretty easy to integrate. What I ended up doing was wrap the inlineEdit plugin with a Directive that implements the ngModelController API. Take a […]

Reverse Inline Editing

I want to throw this out there as I’m wondering if anyone is interested in a different approach to making HTML elements editable… I recently wrote some code that does the reverse of what my existing inlineEdit plugin does. i.e. it starts of as a form input element and turns into a placeholder on load. […]

Labs: UI inlineEdit

After my last tutorial on building a simple inlineEdit plugin I converted the concepts into a UI widget. It’s now sitting in labs for you to use, pick apart and devour: http://jquery-ui.googlecode.com/svn/branches/labs/inlineedit/demo.html If you inspect the source code you will notice the structure is quite different. It’s actually pretty much the same functionality wise but […]

jQuery Inline Edit tutorial

Spanish translation by Maria Ramos. A friend recently asked me to review his edit-in-place code which turned out to be a modification of the one found at http://docs.jquery.com/Tutorials:Edit_in_Place_with_Ajax. Reading the tutorial on that page I asked myself how I would do this differently? Defining a global setClickable() function and then calling $(‘#editInPlace”).click() is totally uncool, […]