Código
<html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <!-- LLAMAMOS LAS LIBRERIAS NECESARIAS PARA LA IMPLEMENTACION --> <script> window.onload=function(){ //VALIDAMOS QUE TRAMADO ESTE COMPLETO REDIPS.drag.init(); //INICIALIZAMOS EL "OBJETO" REDIPS.drag.hover_color='#CEEF9C'; // SELECCIONAMOS EL COLOR PARA EL HOVER REDIPS.drag.drop_option = 'single'; //VALIDAMOS PARA QUE EN CADA CELDA SOLO haya UN ITEM LA OTRA OPCION //ES SWITCH //MANEJO DE EVENTOS var x = document.getElementById("evento"); REDIPS.drag.myhandler_clicked=function(){ x.innerHTML="Click sobre el elemnto"; } REDIPS.drag.myhandler_moved=function(){ x.innerHTML="Estoy moviendo el elemento"; } REDIPS.drag.myhandler_dropped=function(){ x.innerHTML="Elemento movido"; } } </script> </head> <body> <div id="drag"> <table width="0" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- APLICAMOS LA CLASE --> </tr> <tr> </tr> <tr> </tr> <tr> </tr> </table> </div> </body> </html>
FUENTE
VER EJEMPLO FUNCIONANDO
Salu2