CODEWITHSUNDEEP
jquery
Khuram Malik
Khuram Malik

Reputation: 1485

Making a div editable via jquery works in all browsers except IE7+

I'm using the editable jquery plugin (http://www.tectual.com.au/posts/7/jQuery-Editable-Plugin-Best-In-Place-Editor-.html)

When using the following code to make a div editable, it only seems to work in all browsers except IE.

Interestingly, on the author's plugin site, I have tested it in IE, and the plugin seems to work fine, so i'm wondering if it's something specific to what I'm doing?

Here's the jQuery

$(document).ready(function() {
 $('.edit').editable('', {
     indicator : 'Saving...',
     onblur : 'submit',
     style   : 'display: inline'
 });
});

Upvotes: 1

Views: 3770

Answers (1)

defau1t
defau1t

Reputation: 10619

div can be set to be editable without using any js. set contentEditable = "true" and you are done.

<div style="width:200px;height:300px;border:2px solid red;" contentEditable="true"></div>

Upvotes: 4

Related Questions