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: <input type="hidden" value="1" name="poprawnaodpowiedz">
- 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

Najprościej to po puszczeniu przycisku myszki, sprawdzić pozycję (offset) elementu przeciąganego i zobaczyć, czy zawiera się całkowicie / częściowo w pozostałych elementach. Jeśli chcesz użyć gotowej klasy, polecam http://eruciform.com/jquidragcollide/ (ma więcej funkcji niż potrzebujesz). Jeśli klasa wskaże Ci przy detekcji kolizji wartość inside, znaczy że całkowicie przeciągany element znajduje się nad innym.