О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться

Большинство из вас, наверное, уже видели как на некоторых сайтах
Различные элементы страницы можно «ухватить мышкой»
И перетащить в другое место на странице. Это называется «drag and drop»,
А если дословно, то «схвати и тащи»


Для клика по объекту, будет использовано событие onmousedown,
Вместо onclick, т.к оно срабатывает раньше и не требует отпускания кнопки мыши.
Данный скрипт тестировался и отлично себя показал в Opera 9+, Firefox 2+, Safari 2, Google Chrome, а вот в IE (6,7) хотя перетаскивание и работает, но довольно-таки плохо

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

Установка:
в верхнюю часть сайта в самый верх:
Код
<link rel="stylesheet" type="text/css" href="http:/serv/css/drag.css">
<script type="text/javascript" src="http:/serv/js/drag.js"></script>


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


Вот 2 картинки елочки которые вы можете использовать:

Код
<img src="http:/_ld/3/33515856.png" border="0">



Код
<img src="http:/_ld/3/52072877.png" border="0">


Вот и всё


Спонсор :



Источник: http://usite.su
Всего голосов: ... | ... | ...

Всего комментариев: 7
Hаписал: Kulac , 24.12.2012 Понедельник 17:51 Сообщение #1
Kulac
OFFLINE
+ 0 -

Есть ДЕМО?

Hаписал: matrix , 24.12.2012 Понедельник 18:13 Сообщение #2
matrix
OFFLINE
+ 0 -

ucoz.ru там внизу можно перетаскивать блоки

Hаписал: Kulac , 28.12.2012 Пятница 22:44 Сообщение #3
Kulac
OFFLINE
+ 0 -

Мдааа...это не ДЕМО этого скрипта ведь. У них другой.

Hаписал: Fatal1ti , 29.12.2012 Суббота 11:21 Сообщение #4
Fatal1ti
Администратор
OFFLINE
+ 0 -

/serv/demo/drag
Вот демо...

Hаписал: Kulac , 29.12.2012 Суббота 12:00 Сообщение #5
Kulac
OFFLINE
+ 0 -

спасибо, но один вопрос...это видишь только ты или все?

Hаписал: Fatal1ti , 29.12.2012 Суббота 20:46 Сообщение #6
Fatal1ti
Администратор
OFFLINE
+ 0 -

Всмысле??
Положение елки у тебя, никак не соотносится с положением у других.

Hаписал: Kulac , 30.12.2012 Воскресенье 19:30 Сообщение #7
Kulac
OFFLINE
+ 0 -

Тогда у скрипта нет смысла...

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Как вы попали сюда?

Всего ответов: 198
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <script type="text/javascript">  
      function setCatNumEnt(){  
      if(!window.uCatsOut)return;  
      $('div.naviglot a').each(function(){  
      var a=this,ah=a.href,cArr=window.uCatsOut;  
      if(!/\/photo\//.test(ah))return;  
      var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
      if(!isNaN(id)){  
      $.each(cArr,function(j){  
      if(cArr[j][0]==id){  
      a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
      }  
      });  
      };  
      });  
      };setCatNumEnt();
      </script>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков