Drag and drop in Opera/Safari

[xoggoth]

Quite why I have no idea but these browsers have an odd habit of implementing dragging by default. On a page with no jscript in it you can click on an image and a version of the image with a "no go sign" on it can be dragged around. On large background images a bit of it gets dragged.

In an interactive it is confusing that inactive pictures are draggable. The bigger problem is that it interferes with wanted drag n drop in jscript. My code works ok if I click and leave the mouse in position for a second before I start moving. Too quick and I am moving this pointless ghost image around while the image I want to drag moves a little bit and the clicks gets all out of sync.

Firefox has this ghosty thing too but it seems much faster and causes no drag n drop problems. Sensible IE (hooooray!) does not do it all.

Any way of turning this behaviour off? Cheers.


PS I have found somw D&D code that works (beats me what there is in it that is significantly diff from what I am using) but would still like to turn this behaviour off altogether if possible,

[OrangeHopper]

Dragging your avatar around is just too scary!

[OrangeHopper]

Might this help.

[xoggoth]

Cheers OH! Bunged that handler that on a couple of images and it seems to work, no ghosty drag things in FF, opera or Safari.

Ps Oh no! Google has come out with another browser!

[OrangeHopper]

Pleasure.

[xoggoth]

Hey, it all works in Google Chrome!

Chrome opens pages in a flash too, unlike the others.

[DimPrawn]

Xog.

You do a lot of cross browser JavaScript. Are you using a framework such as JQuery or Prototype? Makes life a LOT easier.

http://jquery.com/
http://www.prototypejs.org/

Can't believe people are hand coding drag n drop these days.

I do a lot of cross browser JS/DOM/AJAX work and use jQuery extensively. Makes it a piece of cake.

DP

[NickFitz]

New browsers support quite complex drag and drop stuff (which is defined in the HTML 5 spec) which you can extend and override in various wonderful ways.

Try setting the draggable attribute on the relevant images to false:

<img src="slug_army.jpg" draggable="false" />

and it should disable it.

It's handy if you want to grab an image from a website: rather than mucking about with menus and so on, you can just grab the image and drag it onto the desktop.

[xoggoth]

Ta for new comments. Will check those.

Slug army eh? One never lives some things down on CUK.