Forum Moderators: open

Message Too Old, No Replies

Drag and Drop Transparent Copy of Item

Looking for a live web example

         

Argblat

8:01 pm on Jan 23, 2006 (gmt 0)

10+ Year Member



While I'm sure to have questions about implementing, for right now I'm just looking for a web example of the following functionality so I can try to hack it apart myself:

What I'm looking for is a list of items for which you can click and drag any of the items. When you do click and drag you do not drag the actual item, but a transparent copy of that item.

I'm pretty sure i've seen something exactly like this on a web page.

-----------------------------------

The reason I'm looking for an example of this is to as a means to my final goal:

A list of items (ie:)

One
Two
Three
Four

The user can 'grab' any of the items (which will create a transparent copy) and drag it into an adjacent (empty) text box which will then take on the text of the item that has been dragged and dropped into it.

Can anyone help me with any of the implementations involved with this...especially examples with code?

thank you!
Mike

whoisgregg

9:44 pm on Jan 24, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Panic's t-shirt shop may be worth looking at.

Edit: Not really an example, it's a live site.

kpaul

9:48 pm on Jan 24, 2006 (gmt 0)

10+ Year Member



I think Google's customizable page has something similar, if you're talking about what I think you are.

Lemme know if/when you figure it out, because I really want to do it for a user customizable page of my own. ;)

-kpaul

moltar

10:20 pm on Jan 24, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



WordPress 2 has draggable features in it's back-end interface. The transparency is just a small matter that can be added later.

Argblat

4:41 pm on Jan 25, 2006 (gmt 0)

10+ Year Member



whoisgregg...thanks for the hint...even though they edited your link due to the TOS I was able to Google the site and find what you were talking about...that is exactly the functionality that I was after!

In the meantime to all of your replies (thank you all) I stumbled across "Scriptaculous" [http://script.aculo.us/] which is a javascript library that accomplishes all the functionalities that I am after.

Once I get a working test finished I will post the code here, but it will be up to you to download the javascript libraries.

-----------------------------------

And not to start a war on a message board that I am very thankful for BUT ...

I do understand the reasoning behind the link policy in the TOS... HOWEVER (and this is the only point of several I have that I will make about this) isn't it kind of ironic that in a forum primarily concerned with web design, there is no faith in the web itself?

whoisgregg

7:08 pm on Jan 25, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Actually, I did not link to the site. My self-edit was to change the language of how I described the site.