powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript универсальный метод drag-n-drop для разных браузеров???
2 сообщений из 2, страница 1 из 1
javascript универсальный метод drag-n-drop для разных браузеров???
    #35082880
schmidt1234
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Подскажите плиз ,
пример drag-n-drop на javascript
допустим на примере div -а или просто какого-то изображения....
чтобы можно было перетаскивать по форме....
...
Рейтинг: 0 / 0
javascript универсальный метод drag-n-drop для разных браузеров???
    #35082963
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: 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.
<html>
<head>
<script>
posX= 0 ; posY= 0 ; isDown=false; src=""; currEl='';
function down(e,el){
currEl=el;
if(currEl.className=="moveable") searchTales(currEl.id);
posX=parseInt(e.clientX)-parseInt(el.style.left);
posY=parseInt(e.clientY)-parseInt(el.style.top);
isDown=true;
}
function drag(e){
if(!isDown) return;
currEl.style.left=parseInt(e.clientX)-posX;
currEl.style.top=parseInt(e.clientY)-posY;
}
</script>
</head>
<body onmouseup="isDown=false;" onmousedown="return false;"  onmousemove="drag(event);">
<div style="position:absolute;left:0;top:0;height:100;width:100;background-color:red" onmousedown="down(event,this);">
</div>
<div style="position:absolute;left:300;top:300;height:100;width:100;background-color:blue" onmousedown="down(event,this);">
</div>
</body>
</html>
...
Рейтинг: 0 / 0
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript универсальный метод drag-n-drop для разных браузеров???
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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