Get IDS with Drag & Drop

Navigation
3

I have this code that makes a drag & drop that I pulled from the Javascript page, it works fine. I just have a problem, I need the ID of the div where it fell.

I did this but it does not work, I get undefinied the grid ID. 

function dragstart_handler(ev) {
ev.dataTransfer.setData("text/plain", ev.target.id);
}

function dragover_handler(ev) {
ev.preventDefault();
}

function drop_handler(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
var idModulo = data;
var idGrid = $(data).closest('div').attr('id');
alert('El módulo es: '+idModulo+' y el grid es: '+idGrid);
}
    
asked by Alberto Siurob 02.08.2017 в 18:15
source

1 answer

2

I already solved it 

function createModule(module,grid)
{
    alert('El id del Módulo es: '+module+' y el id del Grid es: '+grid);
}

function dragstart_handler(ev) {
ev.dataTransfer.setData("text/plain", ev.target.id);
}

function dragover_handler(ev) {
ev.preventDefault();
}

function drop_handler(ev) {
    ev.preventDefault();
    var newModule = ev.dataTransfer.getData("text/plain");
    var newGrid = ev.target.id; //ESTA LINEA CAPTURA EL ID DONDE CAYO
    createModule(newModule,newGrid);
}

That works for the future

    
answered by 02.08.2017 в 19:15
How to insert data from a table by selecting data from another mysql table Change FullCalendar resources