Estoy intentando hacer un drag and drop de varios divs, para poderlos cambiar de zona, y además guardar los cambios en una base de datos. La cuestión es que quiero pasar un parámetro, la zona donde está (izquierda, centro o derecha), pero no sé como hacerlo... os dejo como lo tengo:
Código PHP:
<div id="left" class = "area">
<?php foreach ($things as $thing => $title) { ?>
<div class="list-item" id="item_<?= $thing ?>"><?= $title ?></div>
<?php } ?>
</div>
<div id="right" class="area" style="width: 170px; padding: 0px; margin: 0px; float: left;">
<div class="list-item" style="border-color: #787530">4</div>
<div class="list-item" style="border-color: #9A7530">5</div>
<div class="list-item" style="border-color: #BC7530">6</div>
</div>
<script type="text/javascript">
function updateOrder( zone )
{
var options = {
method : 'post',
parameters : Sortable.serialize( serial )
};
new Ajax.Request('processor.php', options);
}
Sortable.create("movies_list",
{dropOnEmpty:true,tag:'div',containment:["movies_list","middle"],constraint:false, ghosting: true, onUpdate : updateOrder[] "left" ) });
Sortable.create("middle",
{dropOnEmpty:true,tag:'div',containment:["movies_list","middle"],constraint:false, ghosting: true, onUpdate : updateOrder ( "left" )});
</script>
Gracias