Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Drag and drop как применять? 
:(
    Опции темы
natureproj
Дата 11.8.2013, 15:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 5
Регистрация: 11.8.2013

Репутация: нет
Всего: нет



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



 прошу помочь с проблемкой.
PM MAIL   Вверх
Sanchezzz
Дата 11.8.2013, 18:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 3
Всего: 60



JqueryUI все ваши проблемы там уже решены.


--------------------
Понравился ответ "+" по репе, не забываем закрывать тему, заказы в LS.
PM MAIL Skype GTalk   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0535 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.