Edit links in place

Question

I use this javascript to edit text in place: http://josephscott.org/code/javascript/jquery-edit-in-place now I need to edit links as well. But when I click on link instead of just making it editable I'm redirected to the link address. How can I change it so that if double click a link just make it editable and don't redirect anywhere?

Can anyone please help?

Answer 1

You'll need to override the default link behavior, then trigger the edit-in-place code.

$("a").click(function(){
    //whatever you have to call to make it editable
    return false; //prevent the link from being followed
});

Answer 2

Return false from your event handler, or with jQuery use e.preventDefault() in the handler, where e is the event object.