ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Java Script: Drag&Drop
8 сообщений из 8, страница 1 из 1
Java Script: Drag&Drop
    #35501061
Beer_Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Beer_Hunter
Участник
Здравствуйте, всем.
Я динамически создаю компоненты на странице:
Код: plaintext
1.
2.
3.
  button= document.createElement('input');
   button.setAttribute("type", "submit");
   button.setAttribute("name", "button1");
   document.body.appendChild(button);

Далее мне необходимо перетаскивать этот компонент.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
function mousedown(ev) 
{
    obj = event.srcElement;
}

function mousemove(ev) 
{
 if (obj) 
 {
  
 obj.style.pixelLeft = event.clientX+ document.body.scrollLeft;
 obj.style.pixelTop = event.clientY + document.body.scrollTop;
  return false;
  
 }
};

function mouseup() 
{
 
 obj = null;
}
Проблема заключается в том, что в переменную obj не возвращается элемент, вызвавший событие.
Пробовал делать операцию Drag&Drop если элементы создовать в Dising time все работает. А вот при создании элементов в Run time не работает. Не поскажите в чем проблема? Очень нужна ваша помощь
...
Рейтинг: 0 / 0
22.08.2008, 11:13
| Ответить | Цитировать | Написать  
Java Script: Drag&Drop
    #35501114
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
А как ты этим буттонам событие назначаешь?
...
Рейтинг: 0 / 0
22.08.2008, 11:27
| Ответить | Цитировать | Написать  
Java Script: Drag&Drop
    #35501176
Beer_Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Beer_Hunter
Участник
Мне не надо кнопкам нзначать события, по крайней мере пока.
...
Рейтинг: 0 / 0
22.08.2008, 11:44
| Ответить | Цитировать | Написать  
Java Script: Drag&Drop
    #35501261
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Может а не правильно задал вопрос, я о том как назначаются обработчики событий, т.е. эти самые mousedown etc.
...
Рейтинг: 0 / 0
22.08.2008, 12:08
| Ответить | Цитировать | Написать  
Java Script: Drag&Drop
    #35501284
Beer_Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Beer_Hunter
Участник
Вот так:
Код: plaintext
1.
2.
document.onmousedown = mousedown;
document.onmousemove = mousemove;
document.onmouseup = mouseup;
...
Рейтинг: 0 / 0
22.08.2008, 12:15
| Ответить | Цитировать | Написать  
Java Script: Drag&Drop
    #35501365
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Так вот всё работает:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<html>
<script>
function dwn(evt){
	var ev = window.event || evt;
	var el = ev.target || ev.srcElement;
	alert(el.innerHTML);
}
window.onload=function(){
	document.onmousedown=dwn;
	var el=document.createElement("BUTTON");
	el.innerHTML="Кнопарь_1";
	document.body.appendChild(el);
	document.body.appendChild(document.createElement("BR"));
	el=document.createElement("BUTTON");
	el.innerHTML="Кнопарь_2";
	document.body.appendChild(el);
}
</script>
<body></body>
</html>
...
Рейтинг: 0 / 0
22.08.2008, 12:40
| Ответить | Цитировать | Написать  
Java Script: Drag&Drop
    #35501428
Beer_Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Beer_Hunter
Участник
Тем не менее двигать компонент все равно не получается
Код: plaintext
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.
<html>
<script>
var obj;
function dwn(evt){
var ev = window.event || evt;
obj = ev.target || ev.srcElement;

}
function mousemove(e) 
{
    if (obj) {
       obj.style.left = e.clientX + document.body.scrollLeft;
       obj.style.top = e.clientY + document.body.scrollTop;
       return false;
    }
}
window.onload=function(){
document.onmousedown=dwn;
document.onmousemove = mousemove;
var el=document.createElement("BUTTON");
el.innerHTML="Кнопарь_1";
document.body.appendChild(el);
document.body.appendChild(document.createElement("BR"));
el=document.createElement("BUTTON");
el.innerHTML="Кнопарь_2";
document.body.appendChild(el);
}
</script>
<body></body>
</html>
...
Рейтинг: 0 / 0
22.08.2008, 13:02
| Ответить | Цитировать | Написать  
Java Script: Drag&Drop
    #35501837
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Здесь много аспектов...
1. Элементы д.б. абсолютно позиционированы.
2. Я же показал как эвент нужно выкручивать.
3. Ну пока остановимся. Т.к. дальше будут вопросы типа почему выделение и как с ним бороться... Да и не совсем правильно координаты вычисляются.
...
Рейтинг: 0 / 0
22.08.2008, 14:50
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Java Script: Drag&Drop
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35501837&tid=1455977]:
 0ms
get settings:
 10ms
get forum list:
 25ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 54ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 42ms
get tp. blocked users:
 1ms
others: 255ms
total:  404ms
созд. / загр.: 404ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]