Comments on: Cross Browser HTML5 Drag and Drop

By: alanselvam

alanselvam — Mon, 02 Jan 2012 08:22:40 +0000

superb article.. really helps to me. thx

By: Flo

Flo — Tue, 22 Nov 2011 09:59:14 +0000

Hi, and thank you for your very good tuto !
I had to make drag&drop with prototype, but I think it will be easier and faster to works with html5.
For my work, I make a JS class with resizables Divs, and I need to include Drag&Drop option for Divs.
You say that we couldn’t use htlm5 for Divs, is-there any option or update about that, or it’s really really only and ?

And again, thanks for tuto !
Florent.

By: zoltan

zoltan — Wed, 12 Oct 2011 23:33:32 +0000

@joubin: I would have a hidden form on the page that would be populated with the right data on a drop event. That would be the most straightforward way to do this.

By: joubin

joubin — Wed, 05 Oct 2011 21:43:32 +0000

Great write up. Exactly what I needed. Can someone tell me how to pass the location of the user to mySQL db. via PHP preferably.

By: cypherljk

cypherljk — Thu, 22 Sep 2011 20:07:16 +0000

p.s. I actually had to comment out the line in DragDropHelper.init() where it checks if the pageload has happened and returns to get it to work to the point where it is now.

Thx

By: cypherljk

cypherljk — Thu, 22 Sep 2011 19:52:22 +0000

Hello,

Excellent article. I was looking at this article and one other for drag and drop information. I have implemented this in an ASP / C# page and came across an issue. I have an update panel and I am dragging the contents from on panel to another. When the initial container panel is updated the images ‘loose’ their draggability. I solve this by calling ‘DragDropHelpers.init()’ and it allows me to drag an image however as soon as I drag the image it goes to the ‘no move’ icon as if there is not a drop target when there is. If I do not update the panel it is fine. Any thoughts?

By: 7 项 Web 开发者需要了解的新技术 « csdn.me

7 项 Web 开发者需要了解的新技术 « csdn.me — Wed, 21 Sep 2011 01:03:27 +0000

[...] 5、HTML5 drag & drop [...]

By: zoltan

zoltan — Fri, 02 Sep 2011 12:06:52 +0000

@Terese: could you let me know which browser you were using when it didn’t clone? It may be a bug my script has with one of the newer versions of the current web browsers. It has been more than a year since I posted this article, and I would very much like to keep it up to date.

Thanks in advance!

By: Terese Wahlstrom

Terese Wahlstrom — Sat, 27 Aug 2011 16:09:41 +0000

Hi,
Great article. I happened to notice that in test 1a the red box didn’t clone, in the 1b however it did in internet explorer. It’s that due to the cue-fix or are there any thing I’ve missed?

By: zoltan

zoltan — Fri, 15 Jul 2011 20:14:27 +0000

@sofpy: If you look at the code above the "Example #4" link, you will see that in the dragstart event, I call e.dataTransfer.setData('Text', html) where html is the HTML of the image I am dragging. This data is saved into memory so that when the object is dropped, it can be accessed by calling e.dataTransfer.getData('Text') in the drop event. I hope that makes sense. Please feel free to email me at the email address in the top sidenav if you would like to ask more detailed questions.