2

Мне необходимо разместить div поверх таблицы, что бы его можно было перемещать относительно ячеек этой таблицы.

Вот пример, подскажите как получить схожий эффект, про что (и где) почитать?

2
  • почитайте jquery ui draggable и droppable 2 окт 2016 в 18:47
  • я бы изучил код предоставленного примера, и тогда можно было бы добиться не только схожего эффекта. 2 окт 2016 в 19:01

1 ответ 1

2

Почитайте, например, про 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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.