Thursday 8 August 2013

Phonegap drag and drop image

I thought it was easy.
I thought if I copy and paste of HTML5 Drag and Drop source from
http://www.w3schools.com/html/html5_draganddrop.asp into the index.html, it would work.

I was wrong.

Touch phone doesn't recognize mouse event.

After all the search, I found a working example.
http://popdevelop.com/2010/08/touching-the-web/

If you check the URL http://sewa.se/drag/ in the Android emulater browser, it works!!
View source-> copy and paste into your index.html.

Or download the index.html below.
https://docs.google.com/file/d/0B_V2TTxMUlvVQVJNMlNORGl1WGs/edit?usp=sharing

Then I did little bit more to drag and drop image one another.


You can get the updated index.html below.
https://docs.google.com/file/d/0B_V2TTxMUlvVWmx5Smp2N21vZlE/edit?usp=sharing 



No comments:

Post a Comment