Создаю текстовую 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> Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники