jQuery: Novice to Ninja

jQuery: Novice to Ninja......Page 3
Table of Contents......Page 9
Preface......Page 17
What’s in This Book......Page 18
Where to Find Help......Page 20
The SitePoint Newsletters......Page 21
Craig Sharkie......Page 22
Code Samples......Page 23
Tips, Notes, and Warnings......Page 24
Falling in Love with jQuery......Page 25
Cross-browser Compatibility......Page 26
jQuery UI......Page 27
Keeping Markup Clean......Page 29
Widespread Adoption......Page 30
Downloading and Including jQuery......Page 31
Downloading jQuery......Page 32
The Google CDN......Page 33
Nightlies and Subversion......Page 34
The jQuery Alias......Page 35
Dissecting a jQuery Statement......Page 36
Bits of HTML—aka “The DOM”......Page 37
If You Choose to Accept It …......Page 39
Selecting, Decorating, and Enhancing......Page 41
Making Sure the Page Is Ready......Page 42
Selecting: The Core of jQuery......Page 43
Simple Selecting......Page 44
Testing Our Selection......Page 46
Filters......Page 47
Becoming a Good Selector......Page 48
Reading CSS Properties......Page 49
Setting CSS Properties......Page 50
Classes......Page 53
Adding and Removing Classes......Page 54
Enhancing: Adding Effects with jQuery......Page 55
Event Handlers......Page 56
this......Page 57
Toggling Elements......Page 58
Progressive Enhancement......Page 60
Adding New Elements......Page 61
Removing Existing Elements......Page 64
Modifying Content......Page 65
Basic Animation: Hiding and Revealing with Flair......Page 66
Toggling Effects and Animations......Page 67
Callback Functions......Page 68
Highlighting When Hovering......Page 69
Spoiler Revealer......Page 71
Before We Move On......Page 73
Animating......Page 75
Animating CSS Properties......Page 76
Color Animation......Page 77
Easing......Page 78
Advanced Easing......Page 80
Bouncy Content Panes......Page 82
The Animation Queue......Page 85
Chaining Actions......Page 86
Pausing the Chain......Page 87
Animated Navigation......Page 88
Animated Navigation, Take 2......Page 91
The jQuery User Interface Library......Page 93
The scroll Event......Page 96
Floating Navigation......Page 97
Scrolling the Document......Page 99
Custom Scroll Bars......Page 101
The resize Event......Page 103
Layout Switcher......Page 104
Resizable Elements......Page 106
Resizable textarea......Page 107
Pane Splitter......Page 109
That’s How We Scroll. And Animate.......Page 114
Images and Slideshows......Page 115
Custom Lightbox......Page 116
Troubleshooting with console.log......Page 120
ColorBox: A Lightbox Plugin......Page 122
Cropping Images with Jcrop......Page 125
Cross-fading Slideshows......Page 128
Rollover Fader......Page 129
JavaScript Timers......Page 130
Setting up a Timer......Page 131
Fading Slideshow......Page 133
True Cross-fading......Page 135
Advanced Fading with Plugins......Page 139
News Ticker with InnerFade......Page 140
The Cycle Plugin......Page 141
Scrolling Slideshows......Page 143
Thumbnail Scroller......Page 144
A Scrolling Gallery with scrollTo......Page 147
Smarter Scrolling with the data Action......Page 149
iPhoto-like Slideshow widget......Page 150
Creating a Widget......Page 153
Event Handler Parameters......Page 157
Image-ine That!......Page 158
Menus, Tabs, Tooltips, and Panels......Page 159
Expandable/Collapsible Menus......Page 160
Event Propagation......Page 163
Default Event Actions......Page 164
Open/Closed Indicators......Page 165
Menu Expand on Hover......Page 167
Drop-down Menus......Page 168
Cross-browser Suckerfish Menus......Page 169
Hover Intent......Page 171
Accordion Menus......Page 172
A Simple Accordion......Page 173
Multiple-level Accordions......Page 177
jQuery UI Accordion......Page 178
Basic Tabs......Page 180
jQuery UI Tabs......Page 182
Tab Options......Page 184
Tab Control Methods......Page 185
Slide-down Login Form......Page 186
Sliding Overlay......Page 188
Simple Tooltips......Page 192
Advanced Tooltips......Page 196
Order off the Menu......Page 204
Construction, Ajax, and Interactivity......Page 205
Code Comments......Page 206
Map Objects......Page 207
Namespacing Your Code......Page 208
Scope......Page 210
Client-side Templating......Page 212
Browser Sniffing (… Is Bad!)......Page 215
Feature Detection......Page 216
What Is Ajax?......Page 217
Enhancing Hyperlinks with Hijax......Page 218
Picking HTML with Selectors......Page 220
Prepare for the Future: live and die......Page 222
Fetching Data with $.getJSON......Page 224
A Client-side Twitter Searcher......Page 225
The jQuery Ajax Workhorse......Page 226
Common Ajax Settings......Page 227
Loading External Scripts with $.getScript......Page 228
GET and POST Requests......Page 229
jQuery Ajax Events......Page 230
Ajax Image Gallery......Page 231
Randomizing the Images......Page 235
Adding a Spinner......Page 237
Global Progress Indicator......Page 238
Endless Scrolling......Page 239
Keeping Context......Page 242
Handling Errors......Page 243
Consuming XML......Page 247
Sending Form Data......Page 251
Ajax Ninjas? Check!......Page 253
Forms, Controls, and Dialogs......Page 255
Simple Form Validation......Page 256
The submit Event......Page 259
Form Validation with the Validation Plugin......Page 260
Maximum Length Indicator......Page 263
Form Hints......Page 264
Check All Checkboxes......Page 266
Inline Editing......Page 268
Autocomplete......Page 272
Star Rating Control......Page 274
Date Picker......Page 281
Sliders......Page 284
Drag and Drop......Page 288
draggable......Page 290
droppable......Page 291
The “Puff” Effect......Page 292
jQuery UI sortable......Page 295
Progress Bar......Page 298
Dialogs and Notifications......Page 300
Simple Modal Dialog......Page 301
jQuery UI Dialog......Page 304
Growl-style Notifications......Page 308
1-up Notification......Page 311
We’re in Good Form......Page 314
Lists, Trees, and Tables......Page 315
jQuery UI Selectables......Page 316
$.map and $.inArray......Page 320
Accessing the Data......Page 321
Sorting Lists......Page 322
Swapping List Elements......Page 325
Inverting a Selection......Page 327
Searching through Lists......Page 328
Trees......Page 329
Expandable Tree......Page 330
Event Delegation......Page 333
Fixed Table Headers......Page 336
Repeating Header......Page 340
Pagination......Page 343
Editing a Row......Page 348
DataTables Plugin......Page 352
Selecting a Column of Checkboxes......Page 353
Shift-selecting Checkboxes......Page 354
We’ve Made the A-list!......Page 356
Plugins......Page 357
Setting Up......Page 358
Adding the Plugin’s Functionality......Page 360
Adding Options......Page 361
Adding Callbacks......Page 363
jQuery-style Callback......Page 365
Adding Methods to jQuery......Page 367
$. Prefixed Functions......Page 369
Overwriting Existing Functionality......Page 371
Create Your Own Selectors......Page 372
Event Properties......Page 373
Custom Events......Page 375
Unbinding and Namespacing......Page 378
Binding the iPhone: Non-standard Events......Page 381
The special Event......Page 382
Avoiding Conflicts......Page 386
Queuing and Dequeuing Animations......Page 387
Treating JavaScript Objects as jQuery Objects......Page 390
Theme Rolling......Page 391
Rolling Your Own......Page 392
Making Your Components Themeable......Page 393
StarTrackr!: Epilogue......Page 396
Flags......Page 397
Settings......Page 398
$.support Options......Page 400
Event Properties......Page 403
DIY Event Objects......Page 404
Type Coercion......Page 405
Equality Operators......Page 406
Truthiness and Falsiness......Page 407
Selector and Context......Page 411
The jQuery Stack......Page 412
Minification......Page 413
Index......Page 417