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


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

2080
10 из 10
Проголосовало: 4




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Большинство из вас, наверное, уже видели как на некоторых сайтах различные элементы страницы можно «ухватить мышкой» и перетащить в другое место на странице. Это называется «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"
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://usite.su
  • Всего комментариев: 11

Sid_MC_aka_Destroy
0
Sid_MC_aka_Destroy написал: Написано 28 Апреля 2012 в 10:13
Комментарий №11
Хороший плагин)
А можно как-нибудь запретить перемещение элемента за пределы окна?
ну например отслеживать положение мыши относительно краёв?
или можно проще?

S@Nek
-3
S@Nek написал: Написано 12 Апреля 2012 в 17:17
Комментарий №9
jaguar37rus, че случилось???

steel
0
steel написал: Написано 12 Апреля 2012 в 14:15
Комментарий №4
happy супер, но было бы если на куках, вообще цены не было бы)

Яндекс1020
0
Яндекс1020 написал: Написано 12 Апреля 2012 в 15:28
Комментарий №6
Есть и на куках, только мало кто о нем знает cool

Вовчик
0
Вовчик написал: Написано 12 Апреля 2012 в 15:31
Комментарий №7
ищи, на сайте было!

Sid_MC_aka_Destroy
0
Sid_MC_aka_Destroy написал: Написано 28 Апреля 2012 в 10:11
Комментарий №10
я к этому скрипту куки прикрутил)

jaguar37rus
-8
jaguar37rus написал: Написано 12 Апреля 2012 в 09:06
Комментарий №3

jaguar37rusОтвет от Администрации:

Устное!


Вовчик
0
Вовчик написал: Написано 12 Апреля 2012 в 15:26
Комментарий №5
В следующий раз в бан пойдешь!

jaguar37rus
+1
jaguar37rus написал: Написано 12 Апреля 2012 в 16:42
Комментарий №8
[удалено]

Kelin
+2
Kelin написал: Написано 12 Апреля 2012 в 07:56
Комментарий №1
Да, хорошая вещь, когда-то баловался этим плагином - делал перемещающиеся блоки biggrin

BLAzER
0
BLAzER написал: Написано 12 Апреля 2012 в 08:06
Комментарий №2
Ага, классная!

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 6
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: