Мне необходимо разместить div поверх таблицы, что бы его можно было перемещать относительно ячеек этой таблицы.
Вот пример, подскажите как получить схожий эффект, про что (и где) почитать?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуМне необходимо разместить div поверх таблицы, что бы его можно было перемещать относительно ячеек этой таблицы.
Вот пример, подскажите как получить схожий эффект, про что (и где) почитать?
Почитайте, например, про HTML5 Drag and Drop,
вот живой пример...
function allowDrop(ev) { ev.preventDefault() };
function drag(ev) { ev.dataTransfer.setData("text", ev.target.id) };
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
};
<style>#placeToDrag {width: 120px;height: 30px;padding: 10px;border: 1px solid #aaaaaa;}</style>
<body>
<div id="placeToDrag" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br>
<div id="itemToDrag" draggable="true" ondragstart="drag(event)">Перетащи меня</div>
</body>