Question

I’m trying to build edit in place functionality, but I want to invoke element with outside link. Lets say I’m building right-click menu with edit.

Thank you for help

Answer 1

If I understand what you want correctly, you want to do the following:

• Only make an element editable when a user do some action (e.g. click a button)
• After the user finishes editing the element, the element becomes uneditable again, until the triggering action is performed again.

If that’s the case, you can do something like this:

$('button').click(function() {  // an action to trigger editing
    $('#editable').editable('', {
        // when the editing is done, make this element uneditable
        onreset: function() { $(this).parent().editable('destroy'); }
    })
    // pseudo click the editable element, so it is in the "editable" mode
    .click(); 
});

Example: http://jsfiddle.net/william/DqbeN/.