I need Sortable plugin ([login to view URL]) working on a web page with the following capabilities:
1- List 1 items will be dragable and droppable to List 2, and vice-versa (you can create your own List 1 and List 2 for this project);
2- List 1 must be a 2 column grid (you can make each list item as a <div>, rather than a <li>);
3- Whenever the item is dropped on List 2, an array of [id,position] must be generated on some div innerHTML. Ex: the div innerHTML will receive: idSteve,1,idWill,2,idSarah,3,... (idSeteve is in position 1; idWill is in position 2, id Sarah is in position 3, ...);
4- The div innerHTML above needs also to be updated whenever the item leaves List 2 back to List 1, so that the array brings only the remaining items on List 2;
5- I need to have some myFunction(arrayOnList2) to be called after an item is dropped on List 2 or leaves List 2 (arrayOnList2 is the div innerHTML mentioned above). So everytime innerHTML on div is updated, this function myFunction(arrayOnList2) needs to be called.