jQuery Cookbook: Solutions & Examples for jQuery Developers 9780596159771, 1257774409, 0596159773, 9780596806941, 0596806949
jQuery simplifies building rich, interactive web frontends. Getting started with this JavaScript library is easy, but it
446 53 2MB
English Pages xxii, 451 Seiten Seiten [478] Year 2009;2010
Table of contents :
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
![jQuery: A comprehensive beginner’s guide to jQuery [2 ed.]](https://dokumen.pub/img/200x200/jquery-a-comprehensive-beginners-guide-to-jquery-2nbsped.jpg)
