Jump to content

natureproj

Newbie
  • Posts

    2
  • Joined

  • Last visited

Everything posted by natureproj

  1. я читал это. я организовал перенос "мячика", хоть и по-своему. Теперь нужно уложить этот мячик в "ворота". Как?
  2. Доброго времени суток всем, кто читает эту тему. Такая проблема: Не могу нигде найти материаллов, как применять методы или функции 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> прошу помочь с проблемкой.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy