I've done something similar though using sortables (order was important in my app), sortables are based on draggables. Currently our network is having problems getting to jqueryui. Com so I can't give you exactly what you want but I'll give you something based on mine which should give you a good start $(function() { $("#attached").
Sortable({ update: function(event, ui) { FunctionToCheckAddtionAndCallAjax(); }, connectWith: '#non-attached' }); $("#non-attached"). Sortable({ update: function(event, ui) { FunctionToCheckRemovalAndCallAjax(); }, connectWith: '#attached' }); }) As this is based on sortables rather than drag and droppables I've pushed the checking and ajax to a function call rather than an anonymous function, these functions should check to see if the update was an addition/removal or just a reorder and conditionally make your ajax calls. There may be event handlers for when items are added/removed but without access to the site I can't check the documentation.
I've done something similar though using sortables (order was important in my app), sortables are based on draggables. Currently our network is having problems getting to jqueryui. Com so I can't give you exactly what you want but I'll give you something based on mine which should give you a good start.
$(function() { $("#attached"). Sortable({ update: function(event, ui) { FunctionToCheckAddtionAndCallAjax(); }, connectWith: '#non-attached' }); $("#non-attached"). Sortable({ update: function(event, ui) { FunctionToCheckRemovalAndCallAjax(); }, connectWith: '#attached' }); }); As this is based on sortables rather than drag and droppables I've pushed the checking and ajax to a function call rather than an anonymous function, these functions should check to see if the update was an addition/removal or just a reorder and conditionally make your ajax calls.
There may be event handlers for when items are added/removed but without access to the site I can't check the documentation.
Check my edit of the question. I've added more code. Now I cant seem to get the right serialized data through the AJX :s – erizias Oct 5 at 14:07.
I've been looking through the documentation of jQueryUI's Draggable and Droppable. I've found various ways to make a list drag and droppable to another list, but not BOTH ways? Is this possible in any way?
Note: I am already familiar with jQueryUI, but both droppable and draggable are new to me. Now I only need to get the right serialized data through the AJAX via update: {}? Now when I request.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.