jQuery Forum

I did a search and could not find any posts specifically dealing with this though I'm sure someone has encountered this problem before.

 

I am trying to create a simple drag-n-drop nested container page.  The containers are just tables. 

 

I have an icon for a table

you drag the icon into a table cell on the page (there is one to start with that is not draggable or resizable)

a dialog asks about # or rows and columns

the new table is inserted into the cell you dropped it in and all cells are made resizable and droppable

the parent cell is then made not droppable, so you can't drop another table into it

 

This all works fine to create a nested container system IF you never have to go back and resize a cell that you have dropped a table into.  I can't seem to figure out why the resize handles are only available for the last table that was created.

 

In addition, I made every table draggable hoping I could drag them to a trash can for deletion.  In this case, the only table I can drag is the first one that was created.

 

I'm not sure how to fix this.  Any thoughts?

 

Sincerely,

David Martin