Scriptaculous拖放

Question

基本上我拖動某些元素到很多droppable區域。一旦我拖動了我所有的元素，我希望保存這些拖動條件並使用php更新數據庫。但爲了理解如何做到這一點，我在我的例子中有一個droparea。

拖放工程。我無法讓它做任何事情。 例如

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

     {revert: true,}); 

     }); 

Droppables.add(
'droparea', 
{ 
    hoverclass: 'hoverActive', 
    accept:'g', 
    onDrop: 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"> 

然後，一旦他們在保管箱內和表單區域內，點擊提交，它應該通過一個正常的POST數組。

$ players = $ _POST ['players];