Как сделать движущимся не один 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, а несколько

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

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@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, а несколько

Решение