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.parentNode.removeChild(drag);
drop.appendChild(drag);
}

我希望有一次我将元素放入droparea中，我可以按下保存并在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

您需要将Dropbox包装在POST表单中，然后在可拖动项目循环中的每个项目旁边显示一些隐藏字段，并显示所需的值。

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

然后，一旦他们在Dropbox内和表单区域内，点击提交，它应该作为普通的POST数组进行。

$ players = $ _POST ['玩家];