Автор Тема: jQuery - dragable div  (Прочетена 1603 пъти)

0 Потребители и 1 Гост преглежда(т) тази тема.

federer_11

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 0
  • -Получени: 1
  • Публикации: 931
  • ULTRAS LEVSKI
jQuery - dragable div
« -: 27 Февруари 2010, 19:07:51 »
Трябва ми някакъв dragable div за сайта, който да може да се премества и да излиза при натискане на линк (с евента onClick). По-добре да е на jQuery, но може и Prototype :)Благодаря предварително за помощта ;)
(x)HTML, CSS, PHP, MySQL, XML, WML, JavaScript (jQuery)

NoBBy

  • Sr. Member
  • ****
  • Благодарности
  • -Казани: 4
  • -Получени: 38
  • Публикации: 309
Отг:jQuery - dragable div
« Отговор #1 -: 27 Февруари 2010, 19:10:24 »
Това е първото място където да провериш
http://jqueryui.com/demos/draggable/

yani21

  • Full Member
  • ***
  • Благодарности
  • -Казани: 1
  • -Получени: 4
  • Публикации: 201
Отг:jQuery - dragable div
« Отговор #2 -: 27 Февруари 2010, 19:49:37 »
Надявам се, че си имал предвид ето това:


index.html

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
http://www.w3.org/1999/xhtml "  xml:lang= " en "  lang= " en " >


   
   
   
   
   
   Draggable




   
Click here

   

       

            Close me
       

   






document.js


$(document).ready(function() {
   
    //Изпълнявайки тази функция дивът вече може има свойството draggable
    $(function() {
      $( " #draggable " ).draggable();
   });
   
    //Скриваме дивът
    $( " #draggable " ).hide();
   
    //На event click върху дивът click го показваме
    $( " #click " ).click(function() {
        $( " #draggable " ).show();
    });
   
    //На event click върху дивът close го скриваме
    $( " #close " ).click(function() {
        $( " #draggable " ).hide();
    });
   
});

А другите два джаваскриптски файла са jquery библиотеки
jquery е основната, a jquery ui е малко по различна
jquery ui може да изтеглеш от тук: http://jqueryui.com/download

Дано съм бил полезен. :)

yani21

  • Full Member
  • ***
  • Благодарности
  • -Казани: 1
  • -Получени: 4
  • Публикации: 201
Отг:jQuery - dragable div
« Отговор #3 -: 27 Февруари 2010, 19:51:57 »
Забравих да кажа, ако нещо не е ясно питай. ;)

federer_11

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 0
  • -Получени: 1
  • Публикации: 931
  • ULTRAS LEVSKI
Отг:jQuery - dragable div
« Отговор #4 -: 28 Февруари 2010, 11:17:33 »
Благодаря за помощта и на двама ви!
(x)HTML, CSS, PHP, MySQL, XML, WML, JavaScript (jQuery)