Send image to trash

[Jungleman]

This script allows the user to click an image and load it in a
different frame.
http://www.walterzorn.com/dragdrop/d...eset/frame.htm

It's pretty cool.

Once I have an image loaded in the left frame, how can I drag that
image to the trash so that it is
removed from the left frame only?

Any help (especially sample code!) you could give would be much
appreciated.

[Vincent van Beveren]

1. You should read / know the x and y positions of the trash-bin, and if
its on the right location you can remove the element with DOM. Now I
don't know that API you're using, but it doesn't seem to support events
for seeing when an element has been moved.

2. Removing an element with DOM requires you to know the name or ID of
the element, or have a reference to the actual element. See
document.getElementById and document.getElementsByName

for example:

element = document.getElementsByName('Blah')[0];
element = document.getElementById('Blah');

3. Remove it from the model, for example:

element.parentNode.removeChild(element);

MSDN and Mozilla Developer have good references for DOM, you should
check them out.

Vincent

Jungleman wrote:

This script allows the user to click an image and load it in a
different frame.
http://www.walterzorn.com/dragdrop/d...eset/frame.htm

It's pretty cool.

Once I have an image loaded in the left frame, how can I drag that
image to the trash so that it is
removed from the left frame only?

Any help (especially sample code!) you could give would be much
appreciated.

[Jungleman]

Thanks! That helps me get started. What I was hoping for was the
functionality exhibited here:

http://demo.script.aculo.us/shop

That is, moving the image to the trash. Any other pointers or hints you
could provide would be great!
Vincent van Beveren wrote:

1. You should read / know the x and y positions of the trash-bin, and if
its on the right location you can remove the element with DOM. Now I
don't know that API you're using, but it doesn't seem to support events
for seeing when an element has been moved.

2. Removing an element with DOM requires you to know the name or ID of
the element, or have a reference to the actual element. See
document.getElementById and document.getElementsByName

for example:

element = document.getElementsByName('Blah')[0];
element = document.getElementById('Blah');

3. Remove it from the model, for example:

element.parentNode.removeChild(element);

MSDN and Mozilla Developer have good references for DOM, you should
check them out.

Vincent