por lo que en una página hay divs como <div id='3' type='touchMyDiv'> que se pueden arrastrar. Se pueden arrastrar a otro div.
Cuando se coloca allí, JavaScript realiza un reenvío a una URL que contiene la identificación del div colocado. Ejemplo: /?action=deleteTable&tableID=3
Funciona muy bien hasta ahora.
(Sí, solo funciona con la identificación si el usuario ha iniciado sesión)
Pero por alguna razón, ahora necesito hacer una diferencia entre algunos divs por el tipo (o el nombre también es posible si es mejor)
Como <div id='3' type='touchMyDiv'> y <div id='6' type='otherType'>
Entonces mi pregunta es: ¿Cómo puedo obtener el tipo de div descartado en JavaScript (para usarlo como una variable después)?
¿Cómo cambiar la función de soltar para obtener el tipo?
function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); } function drop(ev) { ev.preventDefault(); var contentID = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(contentID)); window.location.href = "/?a=deleteTable&tableID=" + contentID; }De forma similar a lo que se hace con el id , puede :
function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); ev.dataTransfer.setData("type", ev.target.getAttribute("type")); } function drop(ev) { ev.preventDefault(); var contentID = ev.dataTransfer.getData("text"); var contentType = ev.dataTransfer.getData("type"); ev.target.appendChild(document.getElementById(contentID)); window.location.href = "/?a=deleteTable&tableID=" + contentID; } Tenga en cuenta que el type no es un atributo válido para el elemento div . Debería considerar usar atributos de datos en su lugar.