Archiwa kategorii: Drag and Drop

Skrypt do tworzenia przestawnych layoutów – jQuery

customizable_layout_using

Skrypt za pomocą którego możemy stworzyć layout strony internetowej w której będziemy mieli możliwość  zmiany kolejności poszczególnych bloków. Skrypt bazuje na jQueryUI, ale wykorzystuje jeszcze dodatkową bibliotekę do obsługi cookies, dzięki temu efekt przestawienia bloków zostaje zapisany. Miałem tylko dziwne wrażenie że metoda zapisu do cookies nie działa.

 

Framework: jQuery, jQueryUI
Link: http://devheart.org/articles/jquery-customizable-layout-using-drag-and-drop/
Demo: http://devheart.org/examples/jquery-customizable-layout-using-drag-and-drop/3-implementation-in-a-real-design/index.html#ex-3

jQuery Portlets – Tablica niusów ( portlet ) – drag and drop i jQuery

jquery portlets

Tablica niusów napisana na frameworku jQuery. Jest bardzo dobrze pomyślana i posiada kilka ciekawych funkcji. Poszczególne informacje możemy umieszczać w prostokątnych polach. Wszystkie niusy możemy zamykać w  grupy, a ta może być zamykana dzięki ikonie krzyżyka. Dzięki zastosowaniu metody drag and drop (chwyć i upuść), poszczególne elementy możemy przestawiać kursorem myszy.

jquery portlets

Link: http://sonspring.com/journal/jquery-portlets
Download: http://sonspring.com/sites/default/files/portlets.zip
Demo: http://host.sonspring.com/portlets/
Licencja: Darmowa

Redips.net – tabela chwyć i upuść w Ajax

redips

Prosty sposób na wykorzystanie tabeli i Ajax do przeciągania zawartości między poszczególnymi komórkami tabeli.  Na stronie można znaleźć 4 przykłady zastosowań komponentu. Jeden z przykładów przedstawia zapisywanie aktualnego ułożenia zawartości komórek tabeli.

redips

Link: http://www.redips.net/javascript/drag-and-drop-table-content/
Link: http://www.redips.net/javascript/drag-and-drop-example-2/
Link: http://www.redips.net/javascript/drag-and-drop-example-3/
Link: http://www.redips.net/javascript/drag-and-drop-example-4/
Licencja: Darmowa