Jquery - Datatable Drag And Drop Changing Bg After Drop A New Name

I am using: jquery.dataTables.js from: https://datatables.net What I am trying to do is: After dropped (or update) the name from table 2 in in the column on table 1, the bg of thi

Solution 1:

If I got everything correctly, you just need to write code for changing colours right in your MouseUp event. Something like:

var$td = ctrl.is('input') ? ctrl.parent(): ctrl;
$td.animate({ 'background-color': "#BC8F8F" }, 3000);

For this kind of animation you will also have to add a jQuery.ui library. As for the message, you ought to make it invisible in default (style="display: none") and at the end of the same event function apply something like this: $('#successMsg').fadeIn(2000).fadeOut(4000);

Check the respective example here: http://jsfiddle.net/jahn08/L3Lhw7jk/9/