Search code examples
jquerybuttonjeditable

jquery jeditable without OK and Cancel Buttons


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.


Solution

  • 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