How To Get jQuery DataTables Pagination and jEditable To Work Together

Author: erics, May 23rd, 2012

function editableInit() {
    jQuery('.editable').editable(
        '/your/path/to/process_your_update.html',
        {
            type: 'text',
            width: 200,
            cancel: 'Cancel',
            indicator: 'Saving...',
            onblur: 'ignore',
            submit: 'OK',
            tooltip: 'Click to edit...'
        }
    );
}

editableInit();
jQuery('.paginate_button').live('click', function(){
    editableInit();
}); 
jQuery('.dataTables_length select').live('change', function(){
    editableInit();
});

function editableInit() {

jQuery('.editable').editable(

'/your/path/to/process_your_update.html',

{

type: 'text',

width: 200,

cancel: 'Cancel',

indicator: 'Saving...',

onblur: 'ignore',

submit: 'OK',

tooltip: 'Click to edit...'

}

);

}

editableInit();

jQuery('.paginate_button').live('click', function(){

editableInit();

});

jQuery('.dataTables_length select').live('change', function(){

editableInit();

});

Categories: How-To's, Technology Tags: click, DataTables, Editable, Event, howto, jEditable, JQuery, Page, Pagination, tips | 2 comments

How To Bind jQuery .live() To Multiple Events

Author: erics, April 17th, 2011

As of jQuery 1.4.1 .live() can accept multiple, space-separated events, similar to the functionality provided in .bind(). For example, we can “live bind” the click and focus events at the same time like so:

jQuery('.datepick').live('click focus', function () {
   jQuery(this).datepicker('destroy').datepicker({showOn: 'both'});
});

jQuery('.datepick').live('click focus', function () {

jQuery(this).datepicker('destroy').datepicker({showOn: 'both'});

});

Another example, this time creating a hover effect:

jQuery('.rollover').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});

jQuery('.rollover').live('mouseover mouseout', function(event) {

if (event.type == 'mouseover') {

// do something on mouseover

} else {

// do something on mouseout

}

});

Categories: How-To's, Technology Tags: bind, click, datepicker, Events, Focus, JQuery, live, mouseout, mouseover, Multiple events, rollover | No comments

S	M	T	W	T	F	S
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

How To Get jQuery DataTables Pagination and jEditable To Work Together

How To Bind jQuery .live() To Multiple Events

Our Link Network

Business

Client Websites

Fine Dining

Friends & Family

Galleries

Health

Resources

Technology

Travel

The Archives

Latest Ramblings…

Various Topics of No Interest