Comments on: jQuery Inline Edit tutorial

By: caphun

caphun — Thu, 29 Jul 2010 11:04:16 +0000

@tim: you’re completely correct. I’ll look at making this keyboard-friendly!

@igor: thanks for the bug report!

By: igor

igor — Thu, 29 Jul 2010 09:31:20 +0000

A little bug in plugin was found.

… self.html(‘

Can be fixed using attr() method for setting input value:

self.find('input').attr('value', self.value())

By: Tim Beadle

Tim Beadle — Wed, 28 Jul 2010 13:17:39 +0000

Hi,

This is a great plugin, but only seems to work with mouse interaction (unless I’m missing something!).

When the enter key is pressed while the input box is enabled, the whole form is submitted; if you tab to focus the “save” button, the edits are discarded because the input field lost focus.

Any ideas for making this keyboard-friendly?

Thanks,

Tim

By: caphun

caphun — Thu, 17 Jun 2010 06:27:11 +0000

@jeff: afaik, French characters should be supported. I could look into this if you put related code on jsbin.com that demonstrates this issue.

By: Jeff Rose

Jeff Rose — Wed, 16 Jun 2010 21:17:28 +0000

Just curious if anyone knows why this would have issues with French characters? When I display certain French text on the page, I get an uncaught exception from Javascript and everything fails.

Looking for suggestions. I can’t share my actual page as it’s in a corporate dev environment.

By: caphun

caphun — Fri, 04 Jun 2010 03:44:36 +0000

@jason: don’t fully understand what you’re trying to do with .load() and .inlineEdit(). Could you put something on jsbin?

By: jason

jason — Thu, 03 Jun 2010 22:43:58 +0000

i am using .load() to load in results into a div, but this doesn’t seem to work on those results. if i copy the same html i am outputting and place it directly in the page, it works fine. any ideas to what i may be doing wrong? thanks.

By: jason

jason — Thu, 03 Jun 2010 22:33:39 +0000

in case anyone wants to use a textarea instead of input, just change to add control: ‘textarea’ in options.

$(function() {
$(‘.editable’).inlineEdit({
buttonText: ‘Add’, control: ‘textarea’,
save: function(e, data) {
return confirm(‘Change name to ‘+ data.value +’?');
}
});
});

By: Michael

Michael — Thu, 11 Mar 2010 17:53:20 +0000

Hi,

First I would like to thank you for a great script.

I am having some difficulties with certain characters.
You should be able to replicate the bug if you go to your demo (http://yelotofu.com/labs/jquery/snippets/inlineEdit/demo_final.html) and type a smiley, for example , and then click on save.
When I do that I get:

uncaught exception: Syntax error, unrecognized expression:

Any ideas?

Thanks!

By: jeffery

jeffery — Thu, 04 Mar 2010 06:10:27 +0000

hai, this seems to be a very good replacement for jeditable plugin…..but i need to apply validations for the editable fields…..is it posiible to do this here….

cuz am not just getting it right to work with validations and edit together…

can just show any sample codes of how to implement it…. it would be a great help….