jeditable

I'm new to Datatables and I'm trying to make the table editable, but I keep getting this error: TypeError: $(...).dataTable(...).makeEditable is not a function My jQuery script looks like this: $(document).ready( function () { var oTable = $('#data_table_wrapper').dataTable({ "sDom": 'R<"H"lfr>t<"F"ip<', "bJQueryUI": true, "sPaginationType": "full_numbers", "aoColumn": [ { "bVisible": true }, { "bVisible": true }, { "bSortable": false }, ] }).makeEditable({ sUpdateURL: "/abc.php" }); }); I am including these files: jquery-1.9.1.min.js jquery.dataTables.min.js jquery.jeditable.js jquery

I have a textarea that I'm able to edit with the jeditable plugin but I do not want the OK and Cancel buttons. I am, instead, going to save the text by clicking away from the textarea (blur). I have that code ready to go but I do not know how to make it work. Simply add this to the hash with the settings: onblur : 'submit' Example: $(document).ready(function() { $("#editable1").editable("http://www.domain.com/editdata/", { indicator : "<img src='img/indicator.gif'>", type : 'textarea', onblur : 'submit', tooltip : 'Click to edit...', cancel : 'Cancel' }); }); Hope it helps, Cheers For those

I'm using code from here http://www.korvus.com/blog/geek/making-the-tab-key-work-with-jeditable-fields/ to get tabbing between jeditable fields working, and if the fields are on their own it works fine. However I need to have my fields in a table, and the only time the tab key works is tabbing from the last field to the first, and of course I need it to tab from first to next and so on... $('div.edit').bind('keydown', function(evt) { if(evt.keyCode==9) { $(this).find("input").blur(); var nextBox=''; if ($("div.edit").index(this) == ($("div.edit").length-1)) { nextBox=$("div.edit:first"); /

I am seeing very poor page set-up time in IE using jeditable. The page has a table in which each row has 13 span elements to which jeditable is applied as follows: $(document).ready(function() { $('#entry_pl span.ples').editable('my_xhr.php', { placeholder: '<span class="placeholder">unset</span>', indicator: '<img src="indicator.gif" class="indi">', data: function(value, settings) { return $('<span />').html(value).text(); } }); }); Functionality is great -- everything works. But in IE 6...8 the above code takes over half a second per table row. So page set-up delay is terrible already for a

I need to have a click to edit element on a page, that will in turn invoke an instance of the jQuery UI Datepicker. Currently, I'm using JEditable to provide the in place editing, which is working fine. However, I have a date control input that I would like to have appear as a calendar, which is where the fun starts. I've found a Comment in the this blog by Calle Kabo (the page is a little mashed unfortunately) that details a way to do this: $.editable.addInputType("datepicker", { element: function(settings, original) { var input = $("<input type=\"text\" name=\"value\" />"); $(this).append

I see some answers for the Jeditable plugin to use a callback function from AJAX using complete callback function. I know that the Jeditable has a callback function for the SUBMIT button, so I would like to know if there is a way to have a callback for the CANCEL button? I haven't found on the plugin docs. Thanks for reply, Carlos PD. This is the source I see for COMPLETE from AJAX callback: $("#editable_text").editable(submitEdit, { indicator : "Saving...", tooltip : "Click to edit...", name : "Editable.FieldName", id : "elementid", type : "text", }); function submitEdit(value, settings) {

I am not very good at jQuery but decided to use jEditable plugin for my site because I thought it looked good and solved the purpose. However, I am in a bit of a tangle now. I used this plugin to edit data and the edited data is sent to the DB and some fields are updated by it. the Stored procedure that updates these fields is returning some data back. I would like to have this data returned back to me. I would just like to see the returned data in an 'alert' statement first, then I can take it from there. The callback method of this plugin just has value, and settings. Is there any way to get

I'm trying to use Jeditable as an inline editing solution. The default behavior (click on the element to edit it) works quite well, but I would like to activate an element by clicking on another element. For example clicking on a.activateEdit will activate the next div.edit (obviously should be done using jQuery selectors). I've looked into Jeditable docs for this, but couldn't find the right syntax FYI, the default Jeditable syntax is something along the lines of: $(document).ready(function() { $('.edit').editable('http://www.example.com/save.php'); }); *Edit: found a better solution * Above