Движение объекта

@Relike · Регистрация: 24.04.2013

Студворк — интернет-сервис помощи студентам

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript">var drObj, offsetX, offsetY, bool = false;
    
    window.onload = inic;
 
    document.onmousemove = m_Move;
    document.onmouseup = uppen;
 
function inic() {
    var obj = document.getElementById('obj');
    obj.ondrag = function() {return false;};
    obj.onselectstart = function() {return false;};
    obj.style.left = "100px";
    obj.style.top = "100px";
    obj.style.display = "block";
}
 
function down(obj, e){
    drObj = obj;
    var X, Y, mouseX, mouseY;
    if(window.event) e = window.event;
    X = Number(drObj.style.left);
    Y = Number(drObj.style.top);
    mouseX = e.clientX;
    mouseY = e.clientY;
    offsetX = mouseX - X;
    offsetY = mouseY - Y;
    bool = true;
    return false;
}
 
function m_Move(e){
    drObj = obj;
    if (!bool) return;
    if (window.event) e = window.event;
    var nX, nY, mouseX, mouseY;
    mouseX = e.clientX;
    mouseY = e.clientY;
    nX = mouseX - offsetX;
    nY = mouseY - offsetY;
    drObj.style.left = nX + 'px';
    drObj.style.top = nY + 'px';
    return false;
}
 
 
 
function uppen() {
    if (!bool) return;
    bool = false;
    return false;
}
</script>
 
 
<style type="text/css">
    #pole {
    width: 1000px;
    height: 500px;
    background: url(1.jpg);
    border: 5px solid #6b502e;
    overflow: hidden;
}</style>
 
    <title></title>
</head>
<body>
    <div id="pole">
        <div id="obj" onmousedown="down(this, event)" style="position : relative; background: black; border-radius : 50%; height : 20px; width : 20px;"></div>
    </div>
</body>

Почему не работает данный скрипт? (делал по примеру) И, если можно, объясните суть работы скрипта...я не понимаю что происходит в функции uppen() и от куда берётся е в аргументах. Ну и в функции inic() тоже что-то непонятное происходит....

@kalabuni · 03.12.2013, 10:35

строки ##25-26 перепишите:

JavaScript
1
2
    X = parseInt (drObj.style.left);
    Y = parseInt (drObj.style.top);

@Relike · 03.12.2013, 15:38 **[ТС]**

kalabuni, Спасибо. А в чем разница? И кстати, как сделать чтобы объект оставлял за собой след? Как-бы "рисовал"? И возможно ли что при клике на любом месте объект бы автоматом перемещался туда?

Новые блоги и статьи Все статьи Все блоги /
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@Relike 6 / 6 / 2 Регистрация: 24.04.2013 Сообщений: 260
	03.12.2013, 15:38 [ТС]
	kalabuni, Спасибо. А в чем разница? И кстати, как сделать чтобы объект оставлял за собой след? Как-бы "рисовал"? И возможно ли что при клике на любом месте объект бы автоматом перемещался туда? 0

Движение объекта

Решение