JS: не изменяется положение элементов

ART · #1 23.06.2011, 17:44

вбиваю в адресной строке что-то типа:

javascript: дальше код создания div'ов.

стиль такой:

Код:

  for (i = 0; i < 10; i++) {
   var d = document.createElement('div');   
   d.style.position = 'absolute';
   d.style.top = 0;
   d.style.left = i * 50;
   d.id = 'div'+ i;
   d.style.height = 20;
   d.style.width = 20;
   d.style.textAlign = 'center'; 
   d.innerHTML = blabla + mas[i];  
   document.body.appendChild(d);
 }

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

d.top = бла-бла - не работает.

Но если перед кодом создания элементов написать document.write(''), то все работает.

NumLock · #2 23.06.2011, 19:46

ну сам же в начале писал:
d.style.top = 0;
либо:
document.getElementById('div5').style.top = 100;

ART · #3 23.06.2011, 20:28

Потом я, в обработчике события mousemove пытаюсь изменить их style.top в зависимости от координат мыши, но их положение не меняется. Или надо как то по-другому менять, например, не через style.top?

NumLock · #4 23.06.2011, 20:47

PHP код:


		
			
document.getElementById('div5').style.top = 100;

ART · #5 23.06.2011, 21:10

Обижаешь )) я не настолько туп. ))) Я именно таким способом и пытаюсь менять

NumLock · #6 24.06.2011, 08:36

честное слово - не хотел обидеть) не увидел у тебя такого.

NumLock · #7 24.06.2011, 10:45

PHP код:


		
			
<html>

  <body>

    <script type="text/javascript" language="JScript">



      var dragObject = null

      var x = -1;

      var y = -1;



      function onMouseDown(event) {

        event = event || window.event;

        dragObject = event.target || event.srcElement;

        x = event.clientX;

        y = event.clientY;

      }



      function onMouseMove(event) {

        if(dragObject != null) {

            event = event || window.event;

            dragObject = event.target || event.srcElement;

            document.getElementById(dragObject.id).style.posLeft = document.getElementById(dragObject.id).style.posLeft + (event.clientX - x);

            document.getElementById(dragObject.id).style.posTop = document.getElementById(dragObject.id).style.posTop + (event.clientY - y);

            x = event.clientX;

            y = event.clientY;

        }

      }



      function onMouseUp(event) {

        dragObject = null;

      }



      for(i = 0; i < 10; i++) {

        var newDiv = document.createElement("div");

        newDiv.style.position = "absolute";

        newDiv.style.width = 100;

        newDiv.style.height = 100;

        newDiv.style.left = i * newDiv.style.posWidth;

        newDiv.style.top = 0;

        newDiv.id = "div" + i;

        newDiv.innerHTML = "Перетащи меня " + i;

        document.body.appendChild(newDiv);

        newDiv.onmousedown = onMouseDown;

        newDiv.onmousemove = onMouseMove;

        newDiv.onmouseup = onMouseUp;

      }

      document.body.onmouseup = onMouseUp;

    </script>

  </body>

</html>

только в IE
http://j2me.webservis.ru/divmove.htm
так надо?

ART · #8 24.06.2011, 13:49

Спасибище. Все соль была в posTop и posLeft. Через них координаты меняются.

Опции темы	Поиск в этой теме
Версия для печати Отправить на Email	Поиск в этой теме: Расширенный поиск
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

	Сайт	Форум	FAQ	RSS лента	Прочее
	Новости Исходники Компоненты Статьи Добавить исходник Поиск	Правила Поиск Сообщения за сегодня Пользователи Кто на форуме?	Delphi FAQ - 5000 статей DRKB - 4500 статей (ZIP-архив) Справочник функций и процедур Delphi Delphi Programming Guide Indy in Depth. Глубины Indy	Новости сайта Новости форума	Ссылки и Баннеры Donate О сайте Реклама Контакты