Как правило инвентарь делается по принципу drag and drop (его можно сделать на js), но как можно сделать так чтобы допустим из таблицы условного сундука пользователь перемещал предмет таблицу в рюкзака (во одну из клеток), и при этом в базе данных mysql в таблице backpack сразу записывались данные нового предмета, который мы перетащили из одного поля в другое.
Есть ли какие нибудь идеи как это можно реализовать?
Answer 1
Как-то так?
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:3px003px;text-align:center;line-height:30px;transition:0.1s;}
Настроил бота, все круто-замечательно, ток одного не пойму! В приватной беседе, у бота команды / имеют вид - /command Добавляю бота в группу и к ссылкам...