Доброго времени суток всем, кто читает эту тему. Такая проблема:
Не могу нигде найти материаллов, как применять методы или функции Grud Drop. Уже оргнизовал перемещение обьекта по клику , теперь осталось организовать установку обьекта на другой обьект, при пермещении на него.
Вот мой код
| Код |
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>
|
прошу помочь с проблемкой. |