icon change 'onDrag'

[djmc48]

Hello all,

sorry if this is somewhat css related as well... i have a picture that sits on the edge of a circle, and the user can move it along the outside of the circle with the mouse, and depending on where the picture is located, a different link around the circle is highlighted. I use the ondrag action to call the script to move the picture on the circular path. i have the picture's style='cursor:hand', and it shows up fine when the mouse is over it, but when the drag begins, the cursor changes into a massive 'not-allowed' icon (quite a killer to the effect im going for). i tried resetting the icon to the hand within the script moving the picture using document.all.myPic.style.cursor="hand", but with no luck. anyone have ideas how to change an icon when dragging an object?

thanks,

dj

[Jona]

If all else fails, you can wrap it in an anchor:


<A HREF="#">[object]</A>


[Jona]

[djmc48]

Jona,

thanks for the advice, but the mouse icon still changes to the big 'not allowed' icon. here is what I tried...

<a href='#'></a><img src='./images/scroller.gif' id='scrollbutton' onDrag='moveImage(event, 0);' style="cursor:hand; Z-INDEX: 1; LEFT: 110px; WIDTH: 24px; POSITION: absolute; TOP: 85px; HEIGHT: 22px;"></a>

any other ideas?

thanks

dj

[Jona]

Originally posted by djmc48
here is what I tried...

That should be:


<a href='#'><img src='./images/scroller.gif' id='scrollbutton' onDrag='moveImage(event, 0);' style="cursor:hand; Z-INDEX: 1; LEFT: 110px; WIDTH: 24px; POSITION: absolute; TOP: 85px; HEIGHT: 22px;"></a>


[J]ona