"Drag and drop" элементов сайта.

"Drag and drop" элементов сайта.
Большинство из вас, наверное, уже видели как на некоторых сайтах различные элементы страницы можно «ухватить мышкой» и перетащить в другое место на странице. Это называется «drag and drop», а если дословно, то «схвати и тащи»
Для клика по объекту, будет использовано событие onmousedown, вместо onclick, т.к оно срабатывает раньше и не требует отпускания кнопки мыши.
Данный скрипт тестировался и отлично себя показал в Opera 9+, Firefox 2+, Safari 2, Google Chrome, а вот в IE (6,7) хотя перетаскивание и работает, но довольно-таки плохо

Зачем нужно:
1) Позволяет экономить пространство
2) Удобство: Можно перетащить, чтобы не мешало

Установка:
в верхнюю часть саита в самый верх:
Code
<link rel="stylesheet" type="text/css" href="/Sky/HTML-vs-JS.css">  
<script type="text/javascript" src="/Sky/HTML-vs-JS.js"></script>

Код перемещаемого объекта:
Code
<span class="drag_obj" onmousedown="drag_object(event, this)">  
Тут код элемента или картинки  
</span>

Файлы из архива загрузить в папку "Sky"

Автор материала:
Логин на сайте:
Группа:
Дата входа:
О материале:
Дата добавления: 12.04.2012 в 19:24
Материал просмотрен: 673 раз
Оставлены: 0 комментария
Рейтинг материала По мнению пользователей
3.0
Поделиться
Комментарии
0 комментариев
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Онлайн никого нет

Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0