Как отследить установку обьекта на другой обьект?

natureproj · August 11, 2013

Доброго времени суток всем, кто читает эту тему. Такая проблема:

Не могу нигде найти материаллов, как применять методы или функции Grud Drop. Уже оргнизовал перемещение обьекта по клику , теперь осталось организовать установку обьекта на другой обьект, при пермещении на него.

Вот мой код:



01 function mousedown(cook) //мышка нажата
02 { // отследить нажатие
03 console.log('нажатие на '+cook);
04 document.cookie= cook+'=1';
05 console.log(cook);
06 dvizenie(cook);
07
08 }
09 function mouseup(cook) // мышка отжата
10 { // отследить нажатие
11 console.log('отжатие '+cook);
12 document.cookie= cook+'=0';
13 console.log(cook);
14 dvizenie(cook);
15 }
16
17 function dvizenie(zdanie)
18 {
19 var kuka= document.cookie.indexOf(zdanie);
20 var dlinna = zdanie.length;
21 var start= kuka+ dlinna+1;
22 var end = start+1;
23 var mykuka = document.cookie.substring(start,end);
24
25 if (mykuka=='1')
26 {
27 mX = window.event.x;
28 mY = window.event.y;
29 var zdanie2= document.getElementById(zdanie);
30 console.log(mX);
31 zdanie2.style.position= 'absolute';
32 zdanie2.style.left = mX-125;
33 zdanie2.style.top = mY-125;
34 }
35 }
36 </script>
37 <body >
38 <div style='background-image:url(/images/larek.png); width:250px; height:250px;' id="larek" onmousedown="mousedown('larek');" onmouseup="mouseup('larek');" onmousemove ="dvizenie('larek');" draggable></div>
39 <div style='background-image:url(/images/magazin.png); width:300px; height:300px;' id="magazin" onmousedown="mousedown('magazin');" onmouseup="mouseup('magazin');" onmousemove ="dvizenie('magazin');" draggable></div>
40 <div style='background-image:url(/images/fon.jpeg); width:500px; height:500px;' id="pole" droppable ></div>
41 </body>

прошу помочь с проблемкой.

Great Rash · August 12, 2013

http://learn.javascript.ru/drag-and-drop

natureproj · August 12, 2013

я читал это. я организовал перенос "мячика", хоть и по-своему. Теперь нужно уложить этот мячик в "ворота". Как?

Great Rash · August 13, 2013

Там в статье и про это написано. Наверное не дочитали до конца (там есть ссылка на вторую часть).

Sign In

Как отследить установку обьекта на другой обьект?

Question

natureproj

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

natureproj

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information