Web Development with jQuery®

Designating Drop Zones for Draggable Elements (^) ❘ 331 DESIGNATING DROP ZONES FOR DRAGGABLE ELEMENTS Typically when you impleme ...

(^332) ❘ CHAPTER 12 DRAGGABLE AND DROPPABLE Applications Library Network Sites System Users ...

Designating Drop Zones for Draggable Elements (^) ❘ 333 color: rgb(50, 50, 50); margin: 0 ; padding: 0 ; } div#finderFiles { bor ...

(^334) ❘ CHAPTER 12 DRAGGABLE AND DROPPABLE $('div.finderIconSelected') .removeClass('finderIconSelected'); $('span.finderDirect ...

Designating Drop Zones for Draggable Elements (^) ❘ 335 In the preceding example, you added the jQuery UI droppable() method to ...

(^336) ❘ CHAPTER 12 DRAGGABLE AND DROPPABLE Next, you pass a few customizations to the draggable() method to accomplish two thin ...

Summary (^) ❘ 337 named ui; then the ui.draggable object gives you access to the element that has been dragged and dropped on th ...

(^338) ❘ CHAPTER 12 DRAGGABLE AND DROPPABLE EXERCISES If you want to have a UI that allows users to drag elements around in a d ...

Sortable Chapter 12, “Draggable and Droppable,” introduced how jQuery UI provides plugins that make implementing drag-and-drop U ...

(^340) ❘ CHAPTER 13 SORTABLE the sortable children are the elements contained within that element. The sortable functionality o ...

Making a List Sortable (^) ❘ 341 /Blog/php/Backup Script.html HTML 5 DOCTYPE /Blog/web/html5_doctype.html First I ...

(^342) ❘ CHAPTER 13 SORTABLE background: #fff; list-style: none; margin: 0 ; padding: 0 ; } li.finderCategoryFile { clear: both; ...

Making a List Sortable (^) ❘ 343 $('ul#finderCategoryFiles').sortable(); } ); The preceding example results in the application y ...

(^344) ❘ CHAPTER 13 SORTABLE helpful in the explanation for the style sheet in this example. Then, you also gratuitously give ea ...

Making a List Sortable (^) ❘ 345 left: 0 ; width: 300px; border-bottom: 1px solid rgb(64, 64, 64); border-right: 1px solid rgb(6 ...

(^346) ❘ CHAPTER 13 SORTABLE and the is given a width and height of 48 pixels, matching the dimensions of the background image. ...

Customizing Sortable (^) ❘ 347 This is actually not the most effi cient way to implement selection, especially if you have a lon ...

(^348) ❘ CHAPTER 13 SORTABLE argument, which enables you tweak how sorting works, in addition to providing callback functions th ...

Customizing Sortable (^) ❘ 349 Using CoreImage to Resize and Change Formats on the Fly /Blog/apple/CoreImage.html Expl ...

(^350) ❘ CHAPTER 13 SORTABLE Using the style sheet in Example 13-1.css, make the following modifi cations and save the resu ...