drag and drop + html5

[iviamontes]

hola a todos, alguno a logrado hacer esto con html5 ???
aca tengo un código que no logro que funcione

Código HTML:

<p>What fruits do you like?</p>
<ol ondragstart="dragStartHandler(event)">
 <li draggable="true" data-value="fruit-apple">Apples</li>
 <li draggable="true" data-value="fruit-orange">Oranges</li>
 <li draggable="true" data-value="fruit-pear">Pears</li>
</ol>
<script>
  var internalDNDType = 'text/plain'; 
  function dragStartHandler(event) {
    if (event.target instanceof HTMLLIElement) {
      // use the element's data-value="" attribute as the value to be moving:
      event.dataTransfer.setData(internalDNDType, event.target.dataset.value);
      event.dataTransfer.effectAllowed = 'move'; // only allow moves
		 
    } else {
      alert("no");
			//event.preventDefault(); // don't allow selection to be dragged
    }
  }
</script> 

Código HTML:

<p>Drop your favorite fruits below:</p>
<ol dropzone="move s:text/plain" ondrop="dropHandler(event)">
 
</ol>
<script>
  var internalDNDType = 'text/plain'; // set this to something specific to your site
  function dropHandler(event) {
    var li = document.createElement('li');
    var data = event.dataTransfer.getData(internalDNDType);
    if (data == 'fruit-apple') {
      li.textContent = 'Apples';
    } else if (data == 'fruit-orange') {
      li.textContent = 'Oranges';
    } else if (data == 'fruit-pear') {
      li.textContent = 'Pears';
    } else {
      li.textContent = 'Unknown Fruit';
    }
    event.target.appendChild(li);
  }
</script> 

PD: uso chrome que es compatible con html5

[Maganius]

Yo hice uno ayer con unas imagenes y te guardaba el orden en la base de datos después agrego el código ya que no lo tengo ahora saludos.

[iviamontes]

ok, estaré esperando