If this is not the best place to post this (ie: you know of a better forum) please direct me there.
So I'm trying to get a page working in a way that I want. I've achieved
that but I feel its really ugly and not the best way to do it. I'm not
This is what I want my page to do (well, this is what it currently
does, I'm trying to make it do more and I'll explain that in a second).
It doesn't have to be in YUI its just what I found best suited at the
A series of targets of two different types (ie: only a certain type of draggable can be dropped there).
Dragging an item to the target copies the item into it. The new item
can also be dragged. The old item returns to its normal position so it
can be dropped elsewhere.
Position does matter (ie: which item in which target). I also have it so one item to be used in multiple targets.
Dragging an item off a target deletes it.
Dragging an item from one target to another (that is compatible.. if
its not, do nothing) changes its position. If something already
occupies that target that item is deleted.
Dragging an item from its default location to nothing just returns it.
I'll post a link to my code below.
Now my problem is that I have a few hundred items and I was planning on
categorizing them into categories and then pages. Changing categories
and pages keeps the already dropped items in their position.
The way I'm doing it though doesn't really let it work too well though.
Anyways, any suggestions would be really appreciated.
Here is my current code. I am almost embarrassed to post it because I know its bad.
The code is a modified version of http://developer.yahoo.com/yui/examp...dd-groups.html
I used that as a base because it already did a lot of what I wanted it to do.
Most of the code is just html setting up the example. The meat of the
JS is at the top. The * in the draggables mean they can only be dropped
in the center two targets.
I also uploaded it online so you can actually see what I'm talking about without doing extra work: http://ggson.com/test.html
Thanks if anyone responds to this!