Link to home
Create AccountLog in
Avatar of DCL3
DCL3Flag for United States of America

asked on

stacking icons that you can drag and drop

Hey, any way to "stack" the icons so they could all be on the page.  For example, 10 icons of the same type on top of each other?  I have 10 sets of icons that I need to have each one stacked on top of each like icon.  (10 icons of a car stacked on top of each other...so that when you take one off to drag somewhere on your web site, you have 9 more underneath).
Avatar of te-edu
te-edu
Flag of Serbia image

Yes you can using Javascript, PHP and Mysql. I make that with Prototype, Scriptaculous draggable and database. I can provide you solution.
Check tecms.te-edu.com/admin login with bogyvet pass 654321 and go to category page on left you will see list of categories in this case when you click on red delete button you delete category, or if you add category it will be shown in category list on left.

Approach is same just add drop container that will lets say send dropped  item to shoping basket and selected item will disapear from icons.

Avatar of DCL3

ASKER

k, here's the page I am dealing with..
http://www.showmethesite.com/dhec//isd.appendixc.htm

I need for someone to browse an image and then be able to choose icons from teh drop down menu, drag them on to the image they just added by browsing and then add another set of icons by the drop down menu.  

However the way I have it now, the icons disappear of the main image when I switch to another icon set from the drop.  Make sense?  Keep in mind this has to be stand alone, self-contained code it cannot link to any servers.
ASKER CERTIFIED SOLUTION
Avatar of te-edu
te-edu
Flag of Serbia image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
Avatar of DCL3

ASKER

ok, after making those changes.  It is still not keep ing the icons when I drag it in teh screen and then switch to another.  See what I mean?  http://www.showmethesite.com/dhec//isd.appendixc.htm
Still hiding complete div with icons. So must be done to hide each icon not icon holder. I will try tonight to fix this and I will send you code. If that is ok to you.....
But there are few things more if I solve icon problem you still have few more problems to solve.

- you must save image on server with icons you choose, because if you print image  icons are missing because you are printing whole page. You can do that with php and adding watermark eg. icons on specific coordinates.

That involve lot more Javascript - before printing you must find icons positions with Javascript and send data to php to create new image with icons. After that you can use print or download that image. There are also problem to solve with headers to print just image noting else.

There are a lot more work to get what you want.