@HKad - I sent prepared example to you with 2x2 table so I assume that problem is solved.

@senthil - Drag and drop works in Opera 10.50 version. I made tests on following examples:

Drag and drop table content with JavaScript
JavaScript Drag and Drop example 2
JavaScript Drag and Drop example 3

... and everything works just fine. I would be grateful if you can make a little more detailed description of the problem - thanks.

@Danny - This JavaScript framework still doesn't have option to move other objects from dropped position. Your suggestion seems OK and I will consider it in future development. Thank you!

@Garwain - I noticed form element reseting in IE6 browser. IE8, FF3, Google Chrome and Opera 10 doesn't have this problem. Maybe there can be workaround to remember form element settings before dragging and to set values after element is dropped. This is just a hint to fix drag-n-drop form elements for messy IE6 but I would rather make browser upgrade
http://www.ie6nomore.com
And yes, you can modify save_content() function to send radio buttons values. After function scans desired table, you can make form elements loop and append values to the URL. On the server side, script should differ DIV positions and form element values.

@Andy - JavaScript Drag and Drop example 3 is modified. If checkbox in upper left corner of main table is checked then school subject will be placed across table row. Hope this code in myhandler_dropped() will help you.

@Fatih - After mouse button is released, dragged DIV is moved from his parent node to the selected table cell. Actually, DIV is appended to the end of the list of children of a specified table cell. Maybe it could be possible to reorder elements in the same table cell and I will consider your sugestion in future releases. Thank you.

@Rocky - To return dropped DIV element to the previous location, place this line in button onclick event:

REDIPS.drag.source_cell.appendChild(REDIPS.drag.obj);

@Poz - Unfortunately scrolling works only on browser window. So, if table is bigger then browser window and element is dragging to the boundary, main window will start to scroll.

This is a nice tutorial and snippet. Smooth looking and operating thanks!

Can you possibly show some examples with PHP/mySQL?

An example would be allowing the user or the session to have the data saved and placed into mysql.

Khaleel

However I'm having an issue with the scrolling when inside a container. Am I doing something wrong or is it not possible to scroll according to it's parent container?

e.g. I have my "drag" div inside an asp.net panel control and at present the panel is not scrollable when dragging near it's boundaries.

Any help would be greatly appreciated.

Thanks.

love this example. How would you edit this code so that the dragabble element can be cloned an infinite number of times?