I use jsfiddle.net to try and prototype a scheduler in which the elements to be scheduled are dragged into it. I got a drag from the "unassigned" list and to the schedule table. I also got the opportunity to remove work from the schedule table. What I experience with difficulty, I wrap my head, moves the element to the table to another part of the table.
The violin is located here . I would appreciate any suggestions on internal drag and drop. I have been working on this all day and I'm starting to blur. Oh, and by all means, if you think I'm doing it, it can be done better, please make changes, just let me know which version of the script is suitable.
UPDATE
According to @SMathew and @darksky, I rebuilt the entire fiddle where I do not directly move the table cells, but instead their contents.
I know that you guys recommended using divand / or spans, but I want to use the table structure, especially rowspanto assign cell height in increments of 30 minutes. Now it works much better, since only the error is related to the movement of cells (or their contents), because I have to restore the cells affected rowspanon the source site and delete the cells that will conflict with the rowspanon the target site.
An updated script can be found here .
UPDATE 2 (FINAL)
, , 64 , , . , , , . , , , rowspan display: hidden.
, , , . , Chrome API. ( ).