Drag list of DIV into a 3x3 table.
Hello all. I'm very very new to JQuery and i'm having a bit of difficulty getting what my mind thinks as easy on to the screen. I know I need JQuery draggable but im unsure how to get what I want from it..
On the left, I have a 4x4 table which is empty, and on the right are a list of items, I want users to be able to drag the items into any of the table cells then remove the item from the list, but they also need to be able to take the item back out of the table and put it back into the list.
They then need to be able to click a button which will take all of whats in the table and pass it as maybe a string of values to a PHP script for validation and processing as "
0-0-0-0-0-0-1-1-0-0-0-0-2-2-0-0-0-0-0-0" where each number is an id of the item from the list.
Think Minecraft crafting table if you are familiar with that game.
I'm not going to ask if this is possible, because I know it is with the power of JQuery, I just don't know how to program it xD
In the meantime, I'll keep trying different things.
Thanks alot.