jEditable with sAjaxSource / JSON results

supermango

I am using DataTables with sAjaxSource

included in the results of the sAjaxSource are div elements with a class of "edit_area"

I want to make those div elements 'jEditable' but the problem is that "edit_area" elements do not exist until much later. I tried doing $('.edit_area').editable(....etc) but that is not working.

Then I attached a .live("click", function(){ makeEditable(id); });

But that is giving me some funky results.

Anyone encounter this problem before?

supermango

what is the best way to use jEditable with DataTables when using JSON results?

allan

Use fnInitComplete - which a callback that is called once the JSON data is loaded: http://datatables.net/usage/columns#fnInitComplete . Also read the FAQ entitled "My events don't work on the second page" ( http://datatables.net/faqs ). Hopefully htat will get you started :-)

Regards,
Allan

supermango

please see these pictures:

http://i47.tinypic.com/9sxgdw.jpg

http://i49.tinypic.com/2lafn5u.jpg


on the first pic, when i click the "hello?test" area, the jEditable popsup but the text from the below it also appears. how do i fix this?

allan

Sounds a bit like this thread: http://datatables.net/forums/comments.php?DiscussionID=1328 . Just I css issue I guess (although not a clue why IE's table doesn't expand to the required height / width ).

Allan

supermango

actually this is happening in FireFox... however, it does seem like a CSS issue.