Scriptaculous Drag and Drop

Question

В основном я перетаскиваю определенные элементы во многие области, которые можно сбрасывать.После того, как я перетащил все свои соответствующие элементы, я хочу сохранить эти условия перетаскивания и обновить базу данных, используя php.Но для понимания того, как это сделать, у меня есть один droparea в моем примере здесь.

Перетаскивание работает.Я просто не могу заставить его что-либо делать.например

$A($('ee').getElementsByTagName('div')).each(function(item) {
     new Draggable(
        item,

        {revert: true,});

        });

 Droppables.add(
 'droparea',
 {
    hoverclass: 'hoverActive',
    accept:'g',
    onDrop: moveItem
 }

);

function moveItem (drag, drop) {

drag.parentNode.removeChild(drag);
drop.appendChild(drag);
}

Я хочу, как только я урону элементы в droparea, янажмите save и «сделайте» что-нибудь в php-скрипте.

<DIV id ='ee'><?foreach($player1 as $player_id => $playername){?><tr><td><div id ="player_<?=$player_id?>" class = 'g'><?=$playername?></div></td></tr>

Предположим, что droparea - это нормальное явление в минуту.

<div id = "droparea"></div>

Как только я перетащу $ pname, я хочу отправить это в скрипт php, но не знаю как ???Пожалуйста помоги.

Answer 1

Вам нужно обернуть свой выпадающий ящик в форму POST, а затем иметь некоторые скрытые поля, сопровождающие каждый элемент в цикле перетаскиваемых элементов требуемым значением.

<input type="hidden" name="players[]" value="PLAYER_ID_HERE">

Затем, как только они окажутся внутри выпадающего списка и в области формы, нажмите «Отправить», и все должно пройти как обычный массив POST.

$ Players = $ _POST ['Players];