Jquery przeciąganie obrazków do divów


(northwest) #1

Witam serdecznie,

mam taki skrypt: http://mybutterfly.website.pl/demo/

Ma to działać tak iż dziecko będzie umieszczało odpowiedni obrazek w odpowiednim DIV.

Czyli np. przeciąga logo do zielonego diva - otrzymuje punkt dodatki - do czerwonego - otrzymuje punkt ujemny.

Mam ukryty formularz - w polu:

  • value = 1 - oznacza pole zielone, a value = 2 - pole czerwone

po umieszczeniu obrazka divie - wartość wybranego diva wskakuje do pola "wybranaodpowiedz" - i formularz się wysyła...

W kolejnym okienku będzie docelowo to samo, tylko z innymi przedmiotami...

Macie może pomysł jak zrobić tą weryfikację umieszczenia obrazku w divie, zmianie wartości w formularzu i wysyłkę?

Z góry dziękuję za pomoc,

Northwest


(Grzelix) #2

Nie jestem pewien czy dokładnie z tego frameworka korzystasz:

http://developer.yahoo.com/yui/examples ... order.html

ale nawet jeśli nie to podejście może być analogiczne.

Tworzysz 3 listy z właściwości drag&drop

  1. Image.

  2. Red field.

  3. Green field.

Drag&Drop pomiędzy listami załatwia framework.

Ty tylko rozszerzysz zdarzenie end Drop, które wyśle informację w której liście się znalazł. (Wysłanie np. ajaxem).

(zastanawiałem się nad jakimś zdarzeniem typu onclick, onMoveOn ale to może nie być do końca optymalne).

Ja bym tak to widział