Добрый день.
Пишу некий мониторинг задач (см. скриншот). Белые полосы - дроп-элементы, на которые можно перетаскивать задачи - цветные полосы (драг-элементы). Выглядит это примерно так:
<div class="pole_zad">
<div myid="4285" class="droppable" style="position:absolute;top:2px;height:42px;background:#ffffff;width:100%;"><p></p></div>
<div myid="4287" class="droppable" style="position:absolute;top:44px;height:42px;background:#ffffff;width:100%;"><p></p></div>
<div myid="4296" class="droppable" style="position:absolute;top:86px;height:42px;background:#ffffff;width:100%;"><p></p></div>
<div myid="4310" class="droppable" style="position:absolute;top:128px;height:42px;background:#ffffff;width:100%;"><p></p></div>
</div>
<div id='el2' idzad='5566' class='draggable'>12</div>
<script>
$(".draggable").draggable({ snap: ".hr", snapMode: "both", containment:".pole_zad", scroll:false});
$(".droppable").droppable({
drop:function(event, ui){
$(this).addClass("ui-state-highlight")
.find("p")
var this_param = $(this).attr("myid");
var id_zad = $(".draggable").attr("idzad");
alert(id_zad);
var lefto = screen.availWidth/2-275;
var righto = screen.availHeight/2-250;
window.open("/task_monitor/task_info.php?id="+id_zad+"&user="+this_param+"&move=1&mod=1","","height=350,width=500,scrollbars=yes,resizable=yes,menubar=no,toolbar=yes,status=yes,left="+lefto+",top="+righto+"");
}
});
</script>
Суть в следующем - при переносе цветного блока на новую строку, необходимо чтобы обновилась информация в базе данных и открылось окно для редактирования задачи (того самого переносимого цветного блока). После того, как на .droppable элемент попадает цветной блок, открывается окно task_info.php?id="+id_zad+"&user="+this_param+"&mo ve=1&mod=1 , с параметром из переносимого и из того, в который переносят. так вот, если цветной блок один - всё ок. Если их несколько - id_zad всегда равен одному и тому же значению. Как сделать так, чтобы данной переменной присваивалось значение именно из переносимого блока?
А может стоит решить задачу как-то иначе? Например открыть попап окно при событии маусап на переносимом элементе? Как тогда передать ему аналогичные параметры - параметр из переносимого и параметр из того. на которые был перенесён?
Надеюсь, объяснил задачу более-менее доступно.
Спасибо за помощь...