Создаю текстовую RPG игру на PHP.
На данный момент занимаюсь разработкой инвентаря.
Как правило инвентарь делается по принципу drag and drop (его можно сделать на js), но как можно сделать так чтобы допустим из таблицы условного сундука пользователь перемещал предмет таблицу в рюкзака (во одну из клеток), и при этом в базе данных mysql в таблице backpack сразу записывались данные нового предмета, который мы перетащили из одного поля в другое.
Есть ли какие нибудь идеи как это можно реализовать?
Как-то так?
let items = document.querySelectorAll('.grid div');
let el;
items.forEach(e => {
e.id = 'id_' + Math.random().toString(36).substring(2);
e.draggable = true;
e.ondragstart = () => {
el = e;
el.style.transform = 'scale(0.5)';
};
e.ondragend = () => el.style.transform = 'scale(1)';
});
document.querySelectorAll('.grid').forEach(e => {
e.ondragover = ev => ev.preventDefault();
e.ondrop = ev => {
e.append(el)
console.log('move_to_' + e.id + '/' + el.id);
};
})
.grid {
display: inline-block;
width: 160px;
height: 160px;
border: solid;
}
.grid div {
display: block;
width: 30px;
height: 30px;
border: solid;
float: left;
margin: 3px 0 0 3px;
text-align:center;
line-height: 30px;
transition:0.1s;
}
<div id=chest class="grid">
<div> Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости