How to drag a DIV if there is a image inside?

[Lek Kin Wong]

hi,
i want to drag the div which have a image in it:
but i find that if i click on the image, i cannot drag the div, (in FF3.5)
any advice would be appreciated.

<div id="div1">
<imc src="XXX.jpg">
</div>

and i have a JS something like that...:

drag();
function drag(){
document.onmousedown = startdrag;
document.onmouseup = enddrag;
}

function startdrag(e){
dragobj=e.target;
alert(dragobj.id);
}
......................

[David Newton]

I'd assume that the image is "on top" of the div (a child), so you're acting on the image, not the div.

I'd search the web for "draggable div" (or something similar) since this problem has obviously been solved thousands of times.

[Eric Pascarello]

Guessing you are getting that save option when you try dragging the inage. You can try canceling the default action:

<img src="img.jpg" onmousedown="if(event)event.preventDefault()" />  

Eric

[Lek Kin Wong]

Eric Pascarello wrote:Guessing you are getting that save option when you try dragging the inage. You can try canceling the default action:

<img src="img.jpg" onmousedown="if(event)event.preventDefault()" />  

Eric

thank you for your kindly suggestion,
actually i tried this before i make this post, but not working in my situation,
e.target still refer to the img.id, but not the div.id...

[Lek Kin Wong]

David Newton wrote:I'd assume that the image is "on top" of the div (a child), so you're acting on the image, not the div.

I'd search the web for "draggable div" (or something similar) since this problem has obviously been solved thousands of times.

thanks,
im trying img.parentNode... :)