jQuery: Customizable layout using drag and drop (examples)

Examples for the article jQuery: Customizable layout using drag and drop by DevHeart.

« Previous | Next »
 

Example 2.1: Get items

Get a string representing the items (re-order the items to see that it changes).

  • Sortable item A
  • Sortable item B
  • Sortable item C
  • Sortable item D
  • Sortable item E
 

Example 2.2: Save items

Save items in Example 2.1 to a cookie named "cookie-a".

Example 2.3: Save items automaticly

Items are automaticly saved to "cookie-b" using an event when re-arranged.
  • Sortable item A
  • Sortable item B
  • Sortable item C
  • Sortable item D
  • Sortable item E
 

Example 2.4: Load items

Load items from example 2.1 or from a saved cookie.