drag + drop

[Tails]

I've seen the tutorial here at http://javascriptkit.com/howto/drag.shtml
but I have some oddly shaped imageds that have alot of whitespace. I want the image area to have the drag stuff, but not the background of it. I tried image maps, but I have not gotten very far with it. Is it possible to apply a similar drag&drop routine on <SHAPE>s in a <MAP> ? I'm trying to create one of those dollies where you can just drag clothing onto it. I've only seen it done with flash.

[piz]

You have to do that with image-maps.
But you can't drag only a part of an image - you have to drag the total image.

[Tails]

That's what I was afraid of. But does that mean that image maps cannot have events and styles added to their <SHAPE> tag? Such as onMouseOver enabling dragging and onMouseOut disabling it, but being applied to the shape rather than the image.

[piz]

Of course you can define events in the shapes (afaik).
Why doesn't that work?


<map name="imgmap">
<area shape="rect" onclick="drag();" coords="11,10,59,29" >
<area shape="rect" coords="42,36,96,57">
</map>


instead of onclick you can use
href="javascript:drag();" also.

[Tails]

Yes, thank you. I think that just might work.

[piz]

the space in java script should not be there.
I think thats for security reaseons of he forum - but you have to write it together.

[Tails]

The click addressdidn't work since it only applies when the user releases a button. But I have gotten this to work. Take a look at it: http://XFox_Prower.tripod.com/games/js/kiss