JQuery Cookbook, Solutions & Examples for Jquery Developers (Animal Guide)

Table of Contents......Page 7
Foreword......Page 13
 Chapter Authors......Page 15
 Tech Editors......Page 18
 Who This Book Is For......Page 19
 jQuery Style and Conventions......Page 20
 If You Have Problems Making Examples Work......Page 21
 Conventions Used in This Book......Page 22
 How to Contact Us......Page 23
 1.0  Introduction......Page 25
  Why jQuery?......Page 26
  The jQuery Philosophy......Page 27
   Find some elements and do something with them......Page 28
   Chaining......Page 29
   The jQuery wrapper set......Page 30
  How the jQuery API Is Organized......Page 31
  Discussion......Page 33
  Problem......Page 34
  Discussion......Page 35
  Solution......Page 37
  Discussion......Page 38
  Solution......Page 39
  Solution......Page 40
  Discussion......Page 41
  Solution......Page 42
  Solution......Page 43
  Solution......Page 44
  Solution......Page 45
  Discussion......Page 46
  Solution......Page 47
  Problem......Page 48
  Discussion......Page 49
  Solution......Page 50
  Solution......Page 51
  Discussion......Page 52
  Solution......Page 53
  Problem......Page 54
  Solution......Page 55
  Discussion......Page 56
 2.0  Introduction......Page 59
  Discussion......Page 60
  Solution......Page 61
  Solution......Page 63
  Discussion......Page 65
  Discussion......Page 66
  Problem......Page 67
  Solution......Page 68
  Discussion......Page 69
  Discussion......Page 70
  Solution......Page 71
  Problem......Page 72
  Discussion......Page 73
  Discussion......Page 74
  Solution......Page 77
  Discussion......Page 78
  Solution......Page 80
  Solution......Page 83
  Discussion......Page 85
  Solution......Page 86
  Solution......Page 88
  Discussion......Page 90
  Solution......Page 91
  Discussion......Page 92
  Problem......Page 93
  Solution......Page 94
  Discussion......Page 95
  Solution......Page 96
  Discussion......Page 97
  Solution......Page 98
  Discussion......Page 100
  Solution......Page 101
  Discussion......Page 102
  Discussion......Page 103
  Discussion......Page 104
  Solution......Page 105
  Problem......Page 106
  Solution......Page 107
  Discussion......Page 108
  Solution......Page 109
  Discussion......Page 110
  Problem......Page 111
  Problem......Page 112
  Discussion......Page 113
  Solution 1......Page 115
  Problem......Page 116
  Discussion......Page 117
  Problem......Page 118
  Discussion......Page 119
  Problem......Page 120
  Discussion......Page 121
  Solution......Page 123
  Discussion......Page 124
  Discussion......Page 125
  Problem......Page 129
  Discussion......Page 130
  Solution......Page 131
  Discussion......Page 132
  Problem......Page 133
  Solution......Page 134
  Discussion......Page 135
  Solution......Page 136
  Discussion......Page 138
  Discussion......Page 139
  Discussion......Page 141
  Problem......Page 142
  Solution......Page 143
  Solution......Page 144
  Problem 1......Page 145
  Solution 2......Page 146
  Problem......Page 147
  Solution......Page 148
  Discussion......Page 149
  Problem......Page 150
  Solution......Page 151
  Solution......Page 152
  Discussion......Page 153
  Solution......Page 154
  Discussion......Page 157
  Solution......Page 159
  Discussion......Page 160
  Solution......Page 161
  Discussion......Page 162
  Solution......Page 163
  Solution: Scrolling the Whole Window......Page 165
  Solution: Scrolling Inside an Element......Page 166
  Solution......Page 167
  Solution......Page 170
  Solution......Page 171
  Problem......Page 172
  Solution 2: Changing the href Attribute of the Stylesheet That’s Responsible for Size-Related Styling......Page 173
  Discussion......Page 174
 7.0  Introduction......Page 175
  Effects Template......Page 176
  Solution......Page 177
   Both......Page 178
  Discussion......Page 179
   CSS......Page 180
  Problem......Page 181
   CSS......Page 182
  Discussion......Page 183
  Solution......Page 185
   Manual callback......Page 186
  Discussion......Page 187
  Solution......Page 188
  Problem......Page 189
  Problem......Page 190
  Discussion......Page 191
  Problem......Page 192
   jQuery......Page 193
  Discussion......Page 194
 8.0  Introduction......Page 195
  Solution......Page 196
  Problem......Page 197
  Discussion......Page 198
   How to bind with a namespace?......Page 199
   How to trigger handlers with a certain namespace?......Page 200
   Passing extra arguments......Page 201
    Some more examples......Page 202
  Solution......Page 203
   Bind event handlers to an element ASAP......Page 204
    Customly positioned scripts......Page 205
    Simple form validation......Page 206
    Killing all events......Page 207
  Solution......Page 208
  Problem......Page 209
   Not there yet......Page 210
  Problem......Page 211
   Why do event handlers get lost ?......Page 212
    Event delegation......Page 213
   Conclusion......Page 214
  Solution......Page 215
  Problem......Page 216
  Solution......Page 217
   Making the listeners functional......Page 218
  Solution......Page 219
   A real-world example......Page 220
   Existing uses for this feature......Page 221
   How can we do this with jQuery 1.3+?......Page 222
   How this was achieved before jQuery 1.3......Page 223
   Allowing event handlers to prevent actions......Page 224
   An example......Page 225
   What happens if an element already has one of these events?......Page 227
    Returning an object with methods......Page 228
   Overloading the desired method......Page 229
   Returning the result......Page 230
   Where to go from here?......Page 231
   Where did the node go?......Page 232
    Binding the methods......Page 233
 10.0  Introduction......Page 235
  Discussion......Page 236
  Solution 1......Page 237
  Solution 2......Page 238
  Discussion......Page 239
  Solution 2......Page 240
  Discussion......Page 241
  Solution......Page 242
  Problem......Page 243
  Discussion......Page 244
  Solution......Page 245
  Problem......Page 246
  Discussion......Page 247
  Problem......Page 248
  Discussion......Page 249
  Problem......Page 250
  Discussion......Page 251
  Solution......Page 252
  Problem......Page 253
  Solution......Page 255
  Discussion......Page 257
  Basic Approach......Page 261
  Solution......Page 262
   Methods......Page 264
    Custom methods......Page 265
   Rules......Page 266
    Custom expressions......Page 267
    Error element......Page 268
    Layout......Page 269
   Limitations......Page 270
  Solution......Page 271
  Discussion......Page 272
  Solution......Page 273
  Solution......Page 274
  Discussion......Page 275
  Discussion......Page 277
   Google Maps integration......Page 278
  Solution......Page 279
  Solution......Page 280
  Problem......Page 281
  Discussion......Page 282
  Discussion......Page 283
  Solution......Page 284
   Localization......Page 285
  Solution......Page 287
   Search through GitHub......Page 288
  Solution......Page 289
   Know and communicate the level of support you are willing to provide......Page 290
   Writing a custom jQuery method......Page 291
  Solution......Page 292
  Solution......Page 294
  Discussion......Page 295
  Solution......Page 296
  Solution......Page 297
  Discussion......Page 298
  Solution......Page 299
  Discussion......Page 300
  Solution......Page 301
  Discussion......Page 302
 13.0  Introduction......Page 303
  Problem......Page 304
   Tool tip—HTML code......Page 305
   Tool tip—jQuery code......Page 306
  Discussion......Page 308
   File tree—HTML code......Page 309
   File tree—jQuery code......Page 311
  Problem......Page 312
  Solution......Page 313
   Accordion—HTML code......Page 314
   Accordion—jQuery code......Page 315
  Discussion......Page 316
   Tabs—HTML code......Page 317
   Tabs—jQuery code......Page 319
  Problem......Page 320
   Modal—HTML code......Page 321
   Modal—jQuery code......Page 322
  Discussion......Page 325
  Solution......Page 327
   Drop-down—jQuery code......Page 328
  Problem......Page 329
   Rotator—HTML code......Page 330
   Rotator—jQuery code......Page 331
  Discussion......Page 333
  Solution......Page 334
   Panels—HTML code......Page 335
   Panels—jQuery code......Page 336
  Discussion......Page 337
  Interactions......Page 339
  How This Chapter Is Organized......Page 340
  Discussion......Page 341
  Discussion......Page 342
  Discussion......Page 343
  Solution......Page 344
  Solution......Page 345
  Discussion......Page 346
  Solution......Page 347
  Solution 1: Pass a Callback Function to the Event Name Option......Page 348
  Discussion......Page 349
  Solution......Page 350
  Solution......Page 351
   HTML5 audio......Page 352
   Play and pause button......Page 353
   Current and total time labels......Page 355
   Slider track for song position......Page 356
   Progress bar in track to show buffering......Page 357
   Volume slider......Page 358
   Widget background and top styling......Page 361
 15.0  Introduction......Page 365
  Understanding the Components of jQuery UI CSS......Page 366
  Solution......Page 369
   Step 1. Open ThemeRoller......Page 371
   Step 2. Create and preview a theme......Page 373
   Step 3. Download the jQuery UI widgets and theme......Page 378
   Step 4. Merge files into your project directory......Page 380
   Step 5. Reference the theme stylesheet in your project......Page 381
  Discussion......Page 383
  Solution......Page 384
   Step 1. Review the widget markup and styles for jQuery UI plugins......Page 385
   Step 2. Create an override stylesheet......Page 387
    Write override rules......Page 388
  Solution......Page 394
   Step 1: Review available Framework classes to identify those you can apply to your components......Page 395
   Step 2: Apply clickable-state Framework classes......Page 399
  Solution......Page 403
   Step 1. Create another theme using ThemeRoller......Page 405
   Step 2. Scope the new theme and download it......Page 407
   Step 3. Merge files into your project directory......Page 410
   Step 4. Reference the scoped theme stylesheet in your project......Page 411
 15.5  Appendix: Additional CSS Resources......Page 412
  Solution......Page 415
  Discussion......Page 416
  Discussion......Page 418
  Discussion......Page 420
  Discussion......Page 424
  Discussion......Page 427
  Discussion......Page 428
  Discussion......Page 429
  Discussion......Page 430
  Discussion......Page 431
  Solution......Page 435
  Discussion......Page 437
  Solution......Page 438
  Discussion......Page 439
  Solution......Page 440
  Solution......Page 441
  Discussion......Page 443
  Solution......Page 444
  Discussion......Page 445
  Solution......Page 446
  Problem......Page 447
  Discussion......Page 448
  Problem......Page 449
  Solution......Page 450
  Problem......Page 451
   same( actual, expected[, message ])......Page 452
  Problem......Page 453
  Discussion......Page 454
  Discussion......Page 455
  Discussion......Page 456
  Solution......Page 457
  Solution......Page 458
  Discussion......Page 459
Index......Page 461