Drag n Drop script

nikki · Joined: 24 Nov 2008 Posts: 132

I am using drag and drop script from
http://www.dhtmlgoodies.com/scripts/drag-drop-nodes/drag-drop-nodes-demo3.html

I have more number of divs in the right container. So i added a scrollbar to the right container. But I have problem to drop in the divs of the right container. Could someone please look at the script and help me. It works fine when there is no scroll bar in the right container.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

I see no scroll bar with either Firefox or IE.

nikki · Joined: 24 Nov 2008 Posts: 132

This example does not have scrollbar. But I have added more number of div tags in the right container and set the height of the right container to 400px and overflow to scroll.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

The whole page worked just fine for me on the drag and drop. It does not continue to fill up after box is full. Is that the problem?

nikki · Joined: 24 Nov 2008 Posts: 132

Did you add a scroll bar to right container?

If not, add 10 more div tags in the right container (dhtmlgoodies_maincontainer) . set the height of the right container to 250px, and overflow to scroll. And then try adding students to the last div tag in the right container.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

I used your onsite page and it would not accept any more after it was full. So, never got a scroll bar on any of them.

nikki · Joined: 24 Nov 2008 Posts: 132

Try to download the source code.
The right container (with id dhtmlgoodies_maincontainer) has 5 teams Team A - Team E.
Add 10 more number of Teams, Team F - Team O. You will get a scroll bar for the div tag with id dhtmlgoodies_maincontainer and not to the teams.

Then try dragging and dropping the students in Team O.