jeditable

Tab key with JEditable fields

心已入冬 提交于 2019-12-04 11:06:17
问题 I have a page using JQuery and Jeditable to create editable text elements on the page. While editing an element, I would like to be able to tab from one element to the next. I am unsure of how to: Use jeditable or jquery to capture the tab key event (keycode = 9) Once that event is detected, move focus to the next element and activate it via jeditable Any help appreciated. Thanks! 回答1: I managed to find a way to do it: $('div.editbox').bind('keydown', function(evt) { if(evt.keyCode==9) { $

how to get to the value of manipulated dom element using _this_ Jeditable?

青春壹個敷衍的年華 提交于 2019-12-04 09:04:27
This is a Continuation of Jeditable: how to set parameters based on dom element attributes Please respond here.. this is my 'real' account.. I'm trying to assign different parameter values to different divs on which I have enabled the jQuery plugin 'Jeditable'. I can't get it to work, I'm sure its something simple.. but I can't figure it out.. How do I acheive it? Given the following DOM element: <div class="editme" id="theone" rel="test"></div> These various snippets produce the following dafault placeholder texts for the above empty div: $('.editme').editable('savedata.php',{ placeholder :

Making JEditable work on new elements (.live)

二次信任 提交于 2019-12-04 05:49:37
I'm using the JEditable plugin for in-place editing. I have a "setup" function which calls .editable() on all the relevant classes. The problem is, I have newly appended elements which I'd like to make editable as well. Obviously, being newly added, .editable() never gets called on them. In other words, I'm looking to get the effect that jquery's live() function does, but for the editable() function. My current workaround seems kinda ugly to me ( redscribe_button is the button that needs to be clicked to edit the text): $(".redescribe_button").live("click", function(click_event) { click_event

How to Enable/Disable JEditable

喜夏-厌秋 提交于 2019-12-03 22:19:40
SOLUTION Thanks to Arman's P. proof of concept, finally got it to work with my site. CODE //Edit Note $(function(){ function makeEditable() { $(".edit").editable('ajax/save.php?editnotetext', { type : 'mce', submit : '<button class="save_button">Save</button>', event: 'dblclick', indicator : 'Saving...', tooltip : 'Doubleclick to edit...', onblur: 'ignore', width : '700px', height : '100px', callback : function(value, settings){ console.log('unlocked'); $.post('ajax/save.php?unlocknotetext', {"id" : $(this).attr('id')}); $(this).effect("highlight", {}, 3000); $(this).parents('.panel').effect(

Using jEditable with ASP.NET MVC (POSTing)

白昼怎懂夜的黑 提交于 2019-12-03 20:10:32
I understand that with jEditable ( http://www.appelsiini.net/projects/jeditable ) you can do in-place editing and POST the changed information to a URL. My ASP.NET MVC view is displaying a bunch of Model information which I'd like to make in-place editable. Currently, I have two views - one text representation and one edit view in which a form is entirely POSTed and then my controller action takes the entire object (assembled from the form element names) as a parameter, updating the object and returning to the text-only view. However, when I switch to jEditable I would only use the text view

JEditable, how to handle a JSON response?

爷,独闯天下 提交于 2019-12-03 16:08:40
问题 Right now, the server response I'm working with sends back a JSON response like this: {"status":1} After saving, jeditable places the actual response: {"status":1} on the page. Anyway to get around this issue? 回答1: A better solution is to post-process the returned json data before it hits the page. Suppose your server returns the following json string: { "status": 1, "result": "value to be displayed", "other": "some other data" } and you would like to process the "status" and "other" fields,

Working example of jeditable and autocomplete working together

大城市里の小女人 提交于 2019-12-03 08:29:15
I see a lot of google posts on this but all seems to be talking about how this is in progress. Does anyone know of a working version of jeditable and autocomplete functionality working together so i can click on text and get a textbox and have autocomplete functionality working against that textbox EDIT: I am opening a bounty, as it still seems like none of these solutions replicate Stack overflow tags + jeditable where i can use jeditable to get a editable texbox after clicking on text and then be able to enter a comma separated list that autocomplete each entry as i type (similar to entering

JEditable, how to handle a JSON response?

て烟熏妆下的殇ゞ 提交于 2019-12-03 05:16:29
Right now, the server response I'm working with sends back a JSON response like this: {"status":1} After saving, jeditable places the actual response: {"status":1} on the page. Anyway to get around this issue? A better solution is to post-process the returned json data before it hits the page. Suppose your server returns the following json string: { "status": 1, "result": "value to be displayed", "other": "some other data" } and you would like to process the "status" and "other" fields, and display the "result" field in the jeditable input field. Add the following 2 lines to jquery.jeditable

Validate Jeditable field

我的未来我决定 提交于 2019-12-03 02:54:45
I'm using Jeditable (posting to CakePHP) for input on my page. I want users to only fill in numbers in the Jeditable fields, so my idea was to also use the jQuery validation plugin to validate if only numbers are used, I already use this in other parts of my site. Jeditable dynamically creates a form with an input when you click on the div, so there seems to be nothing for Jquery validate to bind to and it doesn't seem to work as normal. I'm able to set the class name of the form through Jeditable (it only has a class atrribute), the created input only has a name attribute which defaults to

Invoke the JEdtiable Submit Button By Modifying Plugin

混江龙づ霸主 提交于 2019-12-02 07:58:54
问题 SOLUTION 1: NOT USING TINYMCE If you're not using TinyMCE with JEditable, then look at Arman P.'s post below. SOLUTION 2: USING TINYMCE If you're using TinyMCE, then Arman P.s method unfortunately doesn't work. Tinymce uses an iframe for editing the content. This leads to the problem that the iframe will 'catch' all keyboard events when the iframe has focus. As such, you need to modfy the tinymce customization. First is in the JEditable initialization, you but give the save button a class,