Web Development with jQuery®
PART III Popular Third-Party jQuery Plugins ▸ CHAPTER 19: Ta b l e so r te r ▸ CHAPTER 20: Creating an Interactive Slideshow ▸ C ...
http://www.it-ebooks.info ...
Ta b l e s o r te r The Tablesorter plugin is a popular third-party jQuery plugin available from http: //www.tablesorter.com. Th ...
(^434) ❘ CHAPTER 19 TABLESORTER Track # ↓ ↑ Name ↓ ↑ Album ↓ ↑ 1 Come Together Abb ...
Sorting a Table (^) ❘ 435 8 Because Abbey Road 9 You Never Give Me Your Money Abbey Road 10 Sun King Abbey Road 1 ...
(^436) ❘ CHAPTER 19 TABLESORTER 2 Norwegian Wood (This Bird Has Flown) Rubber Soul 3 You Won't See Me Rubber Soul 4 N ...
Sorting a Table (^) ❘ 437 13 If I Needed Someone Rubber Soul 14 Run For Your Life Rubber Soul The preceding HTML is s ...
(^438) ❘ CHAPTER 19 TABLESORTER Finally, this example is enabled for table sorting using the following JavaScript. $(document).r ...
Sorting a Table (^) ❘ 439 Figure 19-2 shows how to sort by multiple columns. To do this, sort the fi rst column by clicking the ...
(^440) ❘ CHAPTER 19 TABLESORTER $('table').tablesorter({ sortMultiSortKey : 'altKey' }); You can also change the class names app ...
Summary (^) ❘ 441 Summary Using the $.tablesorter() plugin is an easy and straightforward experience of adding the plugin’s code ...
http://www.it-ebooks.info ...
Creating an Interactive Slideshow Slideshows are a common sight on homepages today. Typically, you have three or more panels set ...
(^444) ❘ CHAPTER 20 CREATING AN INTERACTIVE SLIDESHOW <!DOCTYPE HTML> Slideshow The preceding ...
Creating a Slideshow (^) ❘ 445 } ul.slideshowControls { list-style: none; padding: 0 ; margin: 0 ; position: absolute; z-index: ...
(^446) ❘ CHAPTER 20 CREATING AN INTERACTIVE SLIDESHOW slideshows[slideCollection] = new slideshow(node, slideCollection); node.d ...
Creating a Slideshow (^) ❘ 447 function() { this.id = 'slide-' + slideCollection + '-' + slideInCollection; node.find('ul.slides ...
(^448) ❘ CHAPTER 20 CREATING AN INTERACTIVE SLIDESHOW .fadeOut('slow'); var slideInCollection = parseInt($(this).text()); var co ...
Creating a Slideshow (^) ❘ 449 node.find('ul.slideshowControls li') .removeClass('slideshowControlActive'); $('#slide-' + slideC ...
(^450) ❘ CHAPTER 20 CREATING AN INTERACTIVE SLIDESHOW FIGURE 20-1 The HTML in this example is designed to allow the author to sp ...
«
19
20
21
22
23
24
25
26
27
28
»
Free download pdf
