Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
hatir
0 / 0 / 0
Регистрация: 11.01.2015
Сообщений: 26
#1

Перетаскивание обьектов в js - JavaScript

20.04.2015, 20:18. Просмотров 259. Ответов 0
Метки нет (Все метки)

Люди дорогие помогите помогите пожалуйста!!!
Нужно осуществить средствами js перетаскивание нескольких обьектов без права наложения их друг на друга...

подскажите как это лучше сделать ,и ещё почему данный код не работает

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
 
 
<head>
    <title>Drag'N'Drop</title>
    </head>
   
    <body onmousemove="grab()">
        <script language="javascript">
    var activate = false;
    function activat() {
        activate = !activate;
    }
 
    function grab() {
        if (activate) {
            imgWdh = document.getElementById("img1").width;
            imgHgt = document.getElementById("img1").height;
            imgLeft=document.getElementById("img1").style.left = event.clintX - imgWdh / 2;
           imgRight= document.getElementById("img1").style.top = event.clientY - imgHgt / 2;
        }
    }
        </script>
        <div onmousemove="grab()" style="width:1000px;height:1000px">
 
       <img id="img1" onclick="activat()" src="./images/fon.jpg" name="img"  style="position:absolute;top:50px;left:50px;width:100px;height:100px">
            </div>
            
    </body>
 
</html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.04.2015, 20:18
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Перетаскивание обьектов в js (JavaScript):

setInterval и анимация группы обьектов - JavaScript
Доброго времени суток. :cofee: както давно нашол свой 1й код покоторому учился понимать суть программы и все было просто понятно и хорошо...

Произвольно меняются свойства обьектов - JavaScript
Здравствуйте допустим есть такой обьект function obj(){ this.p1 = 0, this.p2 = &quot;tt&quot;, this.p3 = { ...

Сохранение массива json обьектов - JavaScript
Здравствуйте Есть массив обьектов json Как грамотнее в его можно его сохранить в mysql базу данных? Нужно сделать так чтобы ajax ом...

Перетаскивание объектов - JavaScript
Всем доброго времени суток. Возник вопрос с перетаскиванием изображения в div Код&lt;html&gt; &lt;body&gt; &lt;style&gt; #drop{ ...

Создание собственных методов для встроенных обьектов - JavaScript
У всех встроенных объектов JavaScript есть свои свойства и методы. Например, у объекта Array есть свойство length, указывающее, сколько в...

Просмотр всех обьектов, методов и свойств window - JavaScript
Подскажите, как реализовать с помощью рекурсии вывод на экран всех обьектов и методов, свойств этих обьектов window? function...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.04.2015, 20:18
Привет! Вот еще темы с ответами:

Перетаскивание элементов DOM - JavaScript
Всем привет. Нашел статью про перетаскивание элементов по странице - http://javascript.ru/ui/draganddrop . Но внедрить не могу, помогите

Перетаскивание внутри определенной рамки - JavaScript
Доброго времени суток. Поместил блок размером 2000х2000 в блок 500х500, на данный момент использую overflow: auto, однако это крайне...

Картинка (Перетаскивание по всей странице) - JavaScript
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt; &lt;script...

Перетаскивание элемента/переместить по клику - JavaScript
Доброго времени суток. &lt;div&gt; &lt;div id=&quot;polosa&quot;&gt;&lt;div id=&quot;round&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; #polosa ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru