Hi,
I'm trying to use jQuery and the Editable plugin to implement in-situ
editing (ala Flickr) and it disturbs the layout, which I don't quite
understand.
I have something like this:
<div>
<label>Some label</label>: <span id="editme">Some text</span>
... some other text.
</div>
I set up the span as editable:
$(document).ready(function() {
$("#editme").editable("foo.adp");
});
On load, it renders like this:
Some label: some text ... some other text.
Once I click to edit, it renders like this:
Some label: [Some text.]
... some other text.
Once I submit, it renders like this:
Some label: Some text.
... some other text.
What gives? The span is "display: inline" so once submitted, it should
render as it did originally, all on the same line. It looks as though
the span is getting changed to "display: block" and/or a <br/> is being
inserted, or something.
Aha ... Editable creates a new <form> ... which IIRC is "display: block"
... and Editable doesn't cleanup/destroy the <form> on submit/reset.
The short-term work-around I found to this is to add this to my CSS:
#editme form { display: inline; }
But, this isn't the whole solution. Since Editable seems to repeatedly
create these DOM objects but never clean then up ... this would be a
source for a memory-leak in a long-lived web application, no?
-- Dossy
--
Dossy Shiobara | [EMAIL PROTECTED] | http://dossy.org/
Panoptic Computer Network | http://panoptic.com/
"He realized the fastest way to change is to laugh at your own
folly -- then you can let go and quickly move on." (p. 70)
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
