Web Development with jQuery®

Customizing Sortable (^) ❘ 351 width: 48px; height: 48px; background: url('images/Safari Document.png') no-repeat; } h5.finderCa ...

(^352) ❘ CHAPTER 13 SORTABLE opacity : 0.8, cursor : 'move' }); } ); The preceding gives you something similar to what you see i ...

Customizing Sortable (^) ❘ 353 ul#finderCategoryFiles, ul#finderOtherCategoryFiles { float: left; height: 100%; width: 300px; bo ...

(^354) ❘ CHAPTER 13 SORTABLE Saving the State of Sorted Lists The Sortable API in jQuery UI wouldn’t be complete without one las ...

Saving the State of Sorted Lists (^) ❘ 355 Using CoreImage to Resize and Change Formats on the Fly /Blog/apple/CoreImage.html ...

(^356) ❘ CHAPTER 13 SORTABLE The preceding HTML fi le is combined with the same CSS you used in Example 13-2.css, and the ...

Saving the State of Sorted Lists (^) ❘ 357 $('ul#finderOtherCategoryFiles').sortable({ connectWith : 'ul#finderCategoryFiles', p ...

(^358) ❘ CHAPTER 13 SORTABLE In Example 13-3, you add some code that retrieves data from each element. However, instead of gett ...

Summary (^) ❘ 359 Summary In this chapter, you learned how to make sortable lists with the jQuery UI Sortable plugin. Using the ...

http://www.it-ebooks.info ...

Selectable This chapter presents the jQuery UI Selectable plugin. The Selectable plugin fi lls a niche in UI functionality, and ...

(^362) ❘ CHAPTER 14 SELECTABLE Applications Library Network Sites System Users The following C ...

Introducing the Selectable Plugin (^) ❘ 363 } div#finderFiles { border-bottom: 1px solid rgb(64, 64, 64); background: #fff; posi ...

(^364) ❘ CHAPTER 14 SELECTABLE The following JavaScript makes it possible to select multiple fi les at once by drawing a box. $. ...

Introducing the Selectable Plugin (^) ❘ 365 } ); } this.selectedFiles = []; }, ready : function() { $('div.finderDirectory, div. ...

(^366) ❘ CHAPTER 14 SELECTABLE } }); } }; $(document).ready( function() { finder.ready(); } ); The preceding source code comes t ...

Introducing the Selectable Plugin (^) ❘ 367 div.ui-selectable-helper { position: absolute; background: rgb(128, 128, 128); borde ...

(^368) ❘ CHAPTER 14 SELECTABLE In addition to styling the folder icon, the following style is applied to the name of the fi le o ...

Introducing the Selectable Plugin (^) ❘ 369 unselectFile : function() { this.removeClass('finderSelected'); var files = this; if ...

(^370) ❘ CHAPTER 14 SELECTABLE this.selectedFiles = []; }, As you have read, the ready() method is executed upon the DOMContentL ...