|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
31.03.2009, 17:22 | #1 |
Пользователь
Регистрация: 13.02.2009
Сообщений: 68
|
Drag and Drop в JavaScript
Привет Всем!!!!
Подкиньте пожалуйста какие-нибудь примеры простые на Drag and Drop в JavaScript, заранее спасибо!!!! |
31.03.2009, 18:05 | #2 |
В тени
Старожил
Регистрация: 19.12.2008
Сообщений: 5,788
|
Ну вот вам небольшой пример:
Код HTML:
<html> <head><title></title></head> <script> var cof=false; function downm(){ dyn=window.event.srcElement; down(); } function down(){ xmin=parseInt(window.event.offsetX); ymin=parseInt(window.event.offsetY); cof=true; } function drag(){ if(cof==true){ xmos=parseInt(window.event.x); ymos=parseInt(window.event.y); dyn.style.left=xmos-xmin+document.body.scrollLeft; dyn.style.top=ymos-ymin+document.body.scrollTop; } } </script> <body onmousemove="drag()"> <form onmousedown="downm()" onmouseup="cof=false"> <div style="position:absolute;width:100;height:100;background-color:00ff33;top:10;left:10"></div> <div style="position:absolute;width:100;height:100;background-color:003453;top:10;left:100"></div> <div style="position:absolute;width:100;height:100;background-color:000000;top:10;left:210"></div> <div style="position:absolute;width:100;height:100;background-color:ffcc55;top:10;left:310"></div> <div style="position:absolute;width:100;height:100;background-color:ccff33;top:10;left:410"></div> <div style="position:absolute;width:100;height:100;background-color:1d2344;top:10;left:510"></div> </form> </body> </html>
Вполне очевидно, чтобы что-то понять, необходимо книги читать.
Не нужно плодить бессмысленных тем. Вас Поиск избавит от многих проблем. ___________________________________ ___________________________________ _______ [=Правила форума=]_____[Поиск]_____[Литература по С++]____[Литература. Паскаль] |
27.08.2009, 17:09 | #3 |
Регистрация: 18.08.2009
Сообщений: 3
|
Я немного изменил код:
Код:
Как заставить раздвигаться соседние дивы, если объект под мышкой ниже\выше их и чтобы вставал ровно на их место? Я так понимаю, все объекты нужно считать как-то? И как в конце сохранить порядок (например, по Y координатам)? Последний раз редактировалось murka3000; 27.08.2009 в 17:35. |
27.08.2009, 21:00 | #4 |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
|
29.08.2009, 23:39 | #5 |
Регистрация: 18.08.2009
Сообщений: 3
|
Короче, больше недели убил на этот скрипт, релизовал всё, что хотел.
Впринцепи, вышел маленький скрипт, работающий во всех браузерах. Написал везде объяснения. Пользуйтесь, если кому надо, мне не жалко =) Код:
Последний раз редактировалось murka3000; 30.08.2009 в 20:49. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
drag $ drop в DBGrid | AlexandrSid | Общие вопросы Delphi | 13 | 21.06.2010 10:55 |
Помогите с drag-and-drop | Cezar | Win Api | 3 | 19.10.2008 15:48 |
Drag and Drop | Xardas | Общие вопросы Delphi | 8 | 20.01.2008 23:09 |