Как сделать движущимся не один DIV, а несколько

@Александр вик · Регистрация: 21.11.2013

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

Только начал обучение javaScript, столкнулся с подобной проблемой! Как сделать движущимся не один DIV, а несколько "К примеру шесть", помогите с классами!? Вот мой код.

HTML5
1
2
3
4
5
6
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>

JavaScript
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
<script type='text/javascript'>
  /* Ii?aaaeyai oei a?aoca?a */
  var ie = 0;
  var op = 0;
  var ff = 0;
  var browser = navigator.userAgent;
  if (browser.indexOf("Opera") != -1) op = 1;
  else {
    if (browser.indexOf("MSIE") != -1) ie = 1;
    else {
      if (browser.indexOf("Firefox") != -1) ff = 1;
    }
  }
  var block = document.getElementById("block");
  delta_x = 0;
  delta_y = 0;
  /* Noaaei ia?aaio?eee niauoee ia ia?aoea e ioioneaiea eeaaeoe iuoe */
  block.onmousedown = saveXY;
  if (op || ff) {
    block.addEventListener("onmousedown", saveXY, false);
  }
  document.onmouseup = clearXY;
  /* I?e ia?aoee eiiiee iuoe iiiaaaai a yoo ooieoe? */
  function saveXY(obj_event) {
    /* Iieo?aai oaeouea eii?aeiaou eo?ni?a */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Ocia?i oaeouea eii?aeiaou aeiea */
    x_block = block.offsetLeft;
    y_block = block.offsetTop;
    /* Ocia?i niauaiea */
    delta_x = x_block - x;
    delta_y = y_block - y;
    /* I?e aae?aiee eo?ni?a onoaiaaeeaaai aucia ooieoee moveWindow */
    document.onmousemove = moveBlock;
    if (op || ff)
      document.addEventListener("onmousemove", moveBlock, false);
  }
  function clearXY() {
    document.onmousemove = null; // I?e ioioneaiee iuoe oae?aai ia?aaioeo niauoey aae?aiey iuoe
  }
  function moveBlock(obj_event) {
    /* Iieo?aai iiaua eii?aeiaou eo?ni?a iuoe */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Au?eneyai iiaua eii?aeiaou aeiea */
    new_x = delta_x + x;
    new_y = delta_y + y;
    block.style.top = new_y + "px";
    block.style.left = new_x + "px";
  }
</script>

@gulitskiy · 18.02.2014, 11:41

необходимо каждому блоку уникальный айди ставить, айди на то и айди чтобы быть уникальным, и для каждого блока выполнять этот код. Можно все блоки в какой-то контейнер запихать и перебрать дочерние элементы его.

Лучше сделать функцию которая будет принимать блок(елемент) и делать его движущимся.

@Александр вик · 18.02.2014, 12:39 **[ТС]**

Как в javaScripr-е поставить уникальные id?

@gulitskiy · 18.02.2014, 12:46

<div id="block" style=" cursor: move; position: absolute;"></div>

это айди, проставь всем своим блокам разные айди, допустим

<div id="block1" style=" cursor: move; position: absolute;"></div>
<div id="block2" style=" cursor: move; position: absolute;"></div>
<div id="block3" style=" cursor: move; position: absolute;"></div>

потом этот кусок кода var block = document.getElementById("block") меняешь на

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var block1 = document.getElementById("block1");
var block2 = document.getElementById("block2");
var block3 = document.getElementById("block3");
 
 
block1.onmousedown = saveXY;
  if (op || ff) {
    block1.addEventListener("onmousedown", saveXY, false);
  }
 
block3.onmousedown = saveXY;
  if (op || ff) {
    block3.addEventListener("onmousedown", saveXY, false);
  }
 
block3.onmousedown = saveXY;
  if (op || ff) {
    block3.addEventListener("onmousedown", saveXY, false);
  }

@Lazy_Den · 18.02.2014, 12:46

Сообщение от Александр вик

Как в javaScripr-е поставить уникальные id?

Используйте один класс на всю группу элементов и вместо getElementById - используйте:

JavaScript
1
var block = document.querySelectorAll('.myclass');

@Александр вик · 18.02.2014, 13:14 **[ТС]**

gulitskiy, При этом варианте первый не перемещается, но когда нажимаешь на второй передвигается первый!

Добавлено через 48 секунд

Сообщение от Lazy_Den

Используйте один класс на всю группу элементов и вместо getElementById - используйте:
Код JavaScript
1
var block = document.querySelectorAll('.myclass');

А при этом изменения не прошли(

@Lazy_Den · 18.02.2014, 13:22

Сообщение от Александр вик

А при этом изменения не прошли(

Вы наверняка не учли момент, что для группы навешивать событие, нужно для каждого элемента отдельно. Это можно сделать в обычном цикле:

JavaScript
1
2
3
for(var i = 0; i < block.length; i++){
    block[i].addEventListener("onmousedown", saveXY, false);
}

@Александр вик · 18.02.2014, 13:28 **[ТС]**

Lazy_Den,

Вообще запутался)

@Lazy_Den · 18.02.2014, 13:40

Сообщение от Александр вик

Вообще запутался)

Когда вы используете getElementById, то вам возвращается один единственный элемент. Вы на него навешиваете событие (строка в коде на форуме 20) - всё нормально. Но querySelectorAll - возвращает "StaticNodeList" (статичный набор элементов). Если хотите, то для более простого понимания, назовем его массивом этих элементов. На массив установить обработчик нельзя, поэтому нужно в цикле перебрать весь список элементов и на каждый из них установить обработчик.

@Александр вик · 18.02.2014, 13:55 **[ТС]**

Где мой затуп?

JavaScript
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
<script type='text/javascript'>
  /* Ii?aaaeyai oei a?aoca?a */
  var ie = 0;
  var op = 0;
  var ff = 0;
  var browser = navigator.userAgent;
  if (browser.indexOf("Opera") != -1) op = 1;
  else {
    if (browser.indexOf("MSIE") != -1) ie = 1;
    else {
      if (browser.indexOf("Firefox") != -1) ff = 1;
    }
  }
  var block = document.querySelectorAll("block");
  delta_x = 0;
  delta_y = 0;
  /* Noaaei ia?aaio?eee niauoee ia ia?aoea e ioioneaiea eeaaeoe iuoe */
  block.onmousedown = saveXY;
  for(var i = 0; i < block.length; i++){
    block[i].addEventListener("onmousedown", saveXY, false);
}
  document.onmouseup = clearXY;
  /* I?e ia?aoee eiiiee iuoe iiiaaaai a yoo ooieoe? */
  function saveXY(obj_event) {
    /* Iieo?aai oaeouea eii?aeiaou eo?ni?a */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Ocia?i oaeouea eii?aeiaou aeiea */
    x_block = block.offsetLeft;
    y_block = block.offsetTop;
    /* Ocia?i niauaiea */
    delta_x = x_block - x;
    delta_y = y_block - y;
    /* I?e aae?aiee eo?ni?a onoaiaaeeaaai aucia ooieoee moveWindow */
    document.onmousemove = moveBlock;
    if (op || ff)
      document.addEventListener("onmousemove", moveBlock, false);
  }
  function clearXY() {
    document.onmousemove = null; // I?e ioioneaiee iuoe oae?aai ia?aaioeo niauoey aae?aiey iuoe
  }
  function moveBlock(obj_event) {
    /* Iieo?aai iiaua eii?aeiaou eo?ni?a iuoe */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Au?eneyai iiaua eii?aeiaou aeiea */
    new_x = delta_x + x;
    new_y = delta_y + y;
    block.style.top = new_y + "px";
    block.style.left = new_x + "px";
  }
</script>

@Lazy_Den · 18.02.2014, 14:18

Если block вы сделали классом, то и определять его надо как класс

JavaScript
1
var block = document.querySelectorAll(".block");// точка перед именем

Добавлено через 12 минут
P.S. Кстати, если решили остановиться на классах, то можно и getElementsByClassName использовать.

@Александр вик · 18.02.2014, 14:25 **[ТС]**

Что то невыходит(

HTML5
1
2
3
4
5
6
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>
<div id="block" style=" cursor: move; position: absolute;"></div>

JavaScript
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
<script type='text/javascript'>
  /* Ii?aaaeyai oei a?aoca?a */
  var ie = 0;
  var op = 0;
  var ff = 0;
  var browser = navigator.userAgent;
  if (browser.indexOf("Opera") != -1) op = 1;
  else {
    if (browser.indexOf("MSIE") != -1) ie = 1;
    else {
      if (browser.indexOf("Firefox") != -1) ff = 1;
    }
  }
  var block = document.querySelectorAll(".block");
  delta_x = 0;
  delta_y = 0;
  /* Noaaei ia?aaio?eee niauoee ia ia?aoea e ioioneaiea eeaaeoe iuoe */
  block.onmousedown = saveXY;
  for(var i = 0; i < block.length; i++){
    block[i].addEventListener("onmousedown", saveXY, false);
}
  document.onmouseup = clearXY;
  /* I?e ia?aoee eiiiee iuoe iiiaaaai a yoo ooieoe? */
  function saveXY(obj_event) {
    /* Iieo?aai oaeouea eii?aeiaou eo?ni?a */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Ocia?i oaeouea eii?aeiaou aeiea */
    x_block = block.offsetLeft;
    y_block = block.offsetTop;
    /* Ocia?i niauaiea */
    delta_x = x_block - x;
    delta_y = y_block - y;
    /* I?e aae?aiee eo?ni?a onoaiaaeeaaai aucia ooieoee moveWindow */
    document.onmousemove = moveBlock;
    if (op || ff)
      document.addEventListener("onmousemove", moveBlock, false);
  }
  function clearXY() {
    document.onmousemove = null; // I?e ioioneaiee iuoe oae?aai ia?aaioeo niauoey aae?aiey iuoe
  }
  function moveBlock(obj_event) {
    /* Iieo?aai iiaua eii?aeiaou eo?ni?a iuoe */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Au?eneyai iiaua eii?aeiaou aeiea */
    new_x = delta_x + x;
    new_y = delta_y + y;
    block.style.top = new_y + "px";
    block.style.left = new_x + "px";
  }
</script>

@Lazy_Den · 18.02.2014, 14:33

Сообщение от Александр вик

Что то невыходит(

Почему вы не убрали ID у блоков и не задали им класс?

HTML5
1
<div class="block" style=" cursor: move; position: absolute;"></div>

@Александр вик · 18.02.2014, 15:05 **[ТС]**

Ок не то, вот с моего файла!

HTML5
1
2
3
4
5
6
<div ="block" style=" cursor: move; position: absolute; left:360px;">1блок</div>
<div ="block" style=" cursor: move; position: absolute; left:360px;">2блок</div>
<div ="block" style=" cursor: move; position: absolute; left:360px;">3блок</div>
<div ="block" style=" cursor: move; position: absolute; left:360px;">4блок</div>
<div ="block" style=" cursor: move; position: absolute; left:360px;">5блок</div>
<div ="block" style=" cursor: move; position: absolute; left:360px;">6блок</div>

CSS
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
<script type='text/javascript'>
  /* Ii?aaaeyai oei a?aoca?a */
  var ie = 0;
  var op = 0;
  var ff = 0;
  var browser = navigator.userAgent;
  if (browser.indexOf("Opera") != -1) op = 1;
  else {
    if (browser.indexOf("MSIE") != -1) ie = 1;
    else {
      if (browser.indexOf("Firefox") != -1) ff = 1;
    }
  }
  var block = document.querySelectorAll(".block");
  delta_x = 0;
  delta_y = 0;
  /* Noaaei ia?aaio?eee niauoee ia ia?aoea e ioioneaiea eeaaeoe iuoe */
  block.onmousedown = saveXY;
  for(var i = 0; i < block.length; i++){
    block[i].addEventListener("onmousedown", saveXY, false);
}
  document.onmouseup = clearXY;
  /* I?e ia?aoee eiiiee iuoe iiiaaaai a yoo ooieoe? */
  function saveXY(obj_event) {
    /* Iieo?aai oaeouea eii?aeiaou eo?ni?a */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Ocia?i oaeouea eii?aeiaou aeiea */
    x_block = block.offsetLeft;
    y_block = block.offsetTop;
    /* Ocia?i niauaiea */
    delta_x = x_block - x;
    delta_y = y_block - y;
    /* I?e aae?aiee eo?ni?a onoaiaaeeaaai aucia ooieoee moveWindow */
    document.onmousemove = moveBlock;
    if (op || ff)
      document.addEventListener("onmousemove", moveBlock, false);
  }
  function clearXY() {
    document.onmousemove = null; // I?e ioioneaiee iuoe oae?aai ia?aaioeo niauoey aae?aiey iuoe
  }
  function moveBlock(obj_event) {
    /* Iieo?aai iiaua eii?aeiaou eo?ni?a iuoe */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Au?eneyai iiaua eii?aeiaou aeiea */
    new_x = delta_x + x;
    new_y = delta_y + y;
    block.style.top = new_y + "px";
    block.style.left = new_x + "px";
  }
</script>

Добавлено через 5 минут
Ой

HTML5
1
2
3
4
5
6
<div class="block" style=" cursor: move; position: absolute; left:360px;">1блок</div>
<div class="block" style=" cursor: move; position: absolute; left:360px;">2блок</div>
<div class="block" style=" cursor: move; position: absolute; left:360px;">3блок</div>
<div class="block" style=" cursor: move; position: absolute; left:360px;">4блок</div>
<div class="block" style=" cursor: move; position: absolute; left:360px;">5блок</div>
<div class="block" style=" cursor: move; position: absolute; left:360px;">6блок</div>

Добавлено через 6 минут
Ок не то, вот с моего файла!

HTML5
1
2
<div class="block" style=" cursor: move; position: absolute; background: #F2F2F2; width:350px; height: 50px; border-radius:10px; padding:10px;">Block1</div>
<div class="block" style=" cursor: move; position: absolute; left:380px; background: #F2F2F2; width:350px; height: 50px; border-radius:10px; padding:10px;">Block2</div>

CSS
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
<script type='text/javascript'>
  /* Ii?aaaeyai oei a?aoca?a */
  var ie = 0;
  var op = 0;
  var ff = 0;
  var browser = navigator.userAgent;
  if (browser.indexOf("Opera") != -1) op = 1;
  else {
    if (browser.indexOf("MSIE") != -1) ie = 1;
    else {
      if (browser.indexOf("Firefox") != -1) ff = 1;
    }
  }
  var block = document.querySelectorAll(".block");
  delta_x = 0;
  delta_y = 0;
  /* Noaaei ia?aaio?eee niauoee ia ia?aoea e ioioneaiea eeaaeoe iuoe */
  block.onmousedown = saveXY;
  for(var i = 0; i < block.length; i++){
    block[i].addEventListener("onmousedown", saveXY, false);
}
  document.onmouseup = clearXY;
  /* I?e ia?aoee eiiiee iuoe iiiaaaai a yoo ooieoe? */
  function saveXY(obj_event) {
    /* Iieo?aai oaeouea eii?aeiaou eo?ni?a */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Ocia?i oaeouea eii?aeiaou aeiea */
    x_block = block.offsetLeft;
    y_block = block.offsetTop;
    /* Ocia?i niauaiea */
    delta_x = x_block - x;
    delta_y = y_block - y;
    /* I?e aae?aiee eo?ni?a onoaiaaeeaaai aucia ooieoee moveWindow */
    document.onmousemove = moveBlock;
    if (op || ff)
      document.addEventListener("onmousemove", moveBlock, false);
  }
  function clearXY() {
    document.onmousemove = null; // I?e ioioneaiee iuoe oae?aai ia?aaioeo niauoey aae?aiey iuoe
  }
  function moveBlock(obj_event) {
    /* Iieo?aai iiaua eii?aeiaou eo?ni?a iuoe */
    if (obj_event) {
      x = obj_event.pageX;
      y = obj_event.pageY;
    }
    else {
      x = window.event.clientX;
      y = window.event.clientY;
      if (ie) {
        y -= 2;
        x -= 2;
      }
    }
    /* Au?eneyai iiaua eii?aeiaou aeiea */
    new_x = delta_x + x;
    new_y = delta_y + y;
    block.style.top = new_y + "px";
    block.style.left = new_x + "px";
  }
</script>

Добавлено через 5 минут

Добавлено через 10 минут
Евгений, что то у меня вообще все накрылось(, выручайте пожалуйста!)

@Lazy_Den · 18.02.2014, 15:18

По порядку - посмотрите тут как работает часть кода (кликаем на серый блок). Работает? Значит сравниваем со своим кодом, исправляем, идем дальше. Проверяем, что остальные обработчики установлены правильно, что по установленному событию, вы попадаете в нужную функцию (хоть алертом, хоть выводом в консоль), да и вообще, консоль должна быть открыта, чтоб видеть все ошибки, которые могут возникать.

Добавлено через 5 минут
P.S. Забыл. По правилам надо код сюда кидать.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
var blocks = document.getElementsByClassName('block');
for(var i = 0; i < blocks.length; i++){
    if(window.addEventListener) {
        blocks[i].addEventListener("mousedown", saveXY, false);
    } else if (window.attachEvent) {
        blocks[i].attachEvent('onmousedown', saveXY, false);
    }
}
function saveXY(evt){;
    alert(evt.clientX + ' <> ' + evt.clientY);
}

@Александр вик · 18.02.2014, 15:56 **[ТС]**

Проблема в том что я пока владею языком (javaScript) на целых 0.0000001% "Сегодня первый день", для меня это как, я два месяца назад стал изучать HTML и CSS!(А мне нужен этот скрипт как кровь человеку!)

@Lazy_Den · 18.02.2014, 16:09

Сообщение от Александр вик

А мне нужен этот скрипт как кровь человеку!

Меняет дело. И раз вам это нужно не для обучения, и раз уж вы написали в раздел jQuery, то не проще ли воспользоваться готовым решением? Я так понимаю, что библиотека у вас уже подключена, значит скачиваете и подключаете jQuery UI Draggable, а весь ваш код - будет состоять из пары строк:

JavaScript
1
2
3
$(function(){
    $('.block').draggable();
});

Пример смотрим тут

@Александр вик · 18.02.2014, 21:23 **[ТС]**

Спасибо огромное выручили!

Добавлено через 4 часа 44 минуты
Подскажите пожалуйста скрипт "закрытие Div" я нашел там только для одного div?( А с классами у меня туго, как я понял(

@Lazy_Den · 18.02.2014, 21:28

Сообщение от Александр вик

закрытие Div

Если вы объясните, что вы вкладываете в это понятие, то возможно, что помогу.

@Александр вик · 18.02.2014, 21:33 **[ТС]**

Как сделать движущимся не один DIV, а несколько

Вот это мое окно. вот только Вы мне помогли с количеством, а скриптом закрытия та же для меня проблема, на первой работает, а на остальных нет(

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@gulitskiy 0 / 0 / 0 Регистрация: 27.04.2012 Сообщений: 6
	18.02.2014, 11:41
	необходимо каждому блоку уникальный айди ставить, айди на то и айди чтобы быть уникальным, и для каждого блока выполнять этот код. Можно все блоки в какой-то контейнер запихать и перебрать дочерние элементы его. Лучше сделать функцию которая будет принимать блок(елемент) и делать его движущимся. 0

@Александр вик 0 / 0 / 0 Регистрация: 21.11.2013 Сообщений: 19
	18.02.2014, 12:39 [ТС]
	Как в javaScripr-е поставить уникальные id? 0

@Александр вик 0 / 0 / 0 Регистрация: 21.11.2013 Сообщений: 19
	18.02.2014, 13:28 [ТС]
	Lazy_Den, Вообще запутался) 0

@Александр вик 0 / 0 / 0 Регистрация: 21.11.2013 Сообщений: 19
	18.02.2014, 15:56 [ТС]
	Проблема в том что я пока владею языком (javaScript) на целых 0.0000001% "Сегодня первый день", для меня это как, я два месяца назад стал изучать HTML и CSS!(А мне нужен этот скрипт как кровь человеку!) 0

@Александр вик 0 / 0 / 0 Регистрация: 21.11.2013 Сообщений: 19
	18.02.2014, 21:23 [ТС]
	Спасибо огромное выручили! Добавлено через 4 часа 44 минуты Подскажите пожалуйста скрипт "закрытие Div" я нашел там только для одного div?( А с классами у меня туго, как я понял( 0

@Александр вик 0 / 0 / 0 Регистрация: 21.11.2013 Сообщений: 19
	18.02.2014, 21:33 [ТС]
	Вот это мое окно. вот только Вы мне помогли с количеством, а скриптом закрытия та же для меня проблема, на первой работает, а на остальных нет( 0

Как сделать движущимся не один DIV, а несколько

Решение