Hi; I found a very efficient piece of code that demonstrates how (in HTML5) one can drag pictures into different postions on a web page (link below).
https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/entry/html5_an_example_of_drag_and_drop26
I would love to use this as a model for a FORM that will allow the user to reorganize and then SAVE the order of a set of pictures. I already have a very kludgy/inefficient page that does this with arrow buttons that move the pictures one space at a time....but this is awkward and time-consuming, particularly when there are more than about 5 or 6 pictures (more typically I have more than 20 in a set).
Each of the destination cells (in the web page above) is coded something like this:
<td id="p_4" ondrop="dropIt(this, event)" ondragenter="return false" ondragover="return false">
<span draggable="true" id="p4" ondragstart="dragIt(this, event)"><img src="picture_4.jpg"></span></td>
...and of course the page has the script code to make all the drag/drop stuff work...
is there a way that I could turn this into say, a "hidden"- type form input that will preserve the newly-positioned picture name as the value (and then I'll have a submit button at the bottom of the form that will post this for replacing the picture names/order in a mysql table?
Seems like this should be doable..
