Drag & Drop cкрипт на javascript

Андрей15 років у сервісі
Дані замовника будуть вам доступні після подання заявки
02.11.2010

http://sau.su/04c8eb17e7d1e6dc4071a33904a8e1a4/blki.jpg

Краткий вариант для геймеров

правая зона - шмотки, левая - слоты под них. шмотки имеют свой тип, следовательно должны тянутся только в свои слоты.

ф1 - оружие, ф2 - щит. ф - двуручное оружие (снимается сразу и оружие и щит)

Полный вариант (кто не понял выше изложенного)

Необходимо сделать следующее

Есть 2 блока

левый и правый

необходимо сделать так, что бы квадратики с левого блока можно было переместить в любой квадрат справа. если квадрат в который мы перетягиваем занят - его содержимое перемещается в любой пустой (белый) квадрат в этой же области (правой).

с перетягиванием справа влево немного сложнее. в правом блоке квадраты имеют свои типы. в них можно перетягивать только квадраты тех же типов.

и еще одно условие - квадрат Ф1 должен перемещаться только в Ф1, Ф2 - только в Ф2. Квадрат Ф - занимает в левой области сразу оба квадрата (Ф1 и Ф2), а в правой он отображается как 1 квадрат. Если после этого мы перетаскиваем Ф1 или Ф2 - квадрат Ф освобождает 2 квадрата.

белые квадраты - пустые. по умолчанию все квадраты с левой области должны находиться в правой, а левая была пустой.

После того как мы сделали перемещение - скрипт должен отправить AJAX запрос на php файл в виде script.php?type=Тип_квадрата&id=ID_квадратика&pos=left(или right, в зависимости куда тянули)

если нужно больше объяснения - пишите в личку

Пример скрипта: http://developer.yahoo.com/yui/examples/dragdrop/dd-groups_clean.html

Можно использовать любую библиотеку, главное перемещение и ajax запрос после перетаскивания

P.S. при перетаскивании слева в право - пустые квадраты подсвечиваются. при перетаскивании с права влево подсвечивается нужный квадрат