jQuery Kochbuch Edition

jQuery Kochbuch......Page 1
Inhalt......Page 7
Vorwort......Page 15
Kapitelautoren......Page 17
Fachlektoren......Page 20
Für wen dieses Buch gedacht ist......Page 21
Stil und Konventionen von jQuery......Page 22
Wenn Sie Probleme mit den Beispielen haben......Page 23
Konventionen......Page 24
1.0 Einleitung......Page 27
Warum jQuery?......Page 28
Elemente finden, mit denen dann etwas getan wird......Page 30
Verketten......Page 31
Die Wrapper-Sets von jQuery......Page 32
Organisation der jQuery-API......Page 33
Lösung......Page 35
Diskussion......Page 36
Diskussion......Page 37
Lösung......Page 39
Lösung......Page 41
Lösung......Page 42
Diskussion......Page 43
Lösung......Page 44
Lösung......Page 45
Diskussion......Page 46
Diskussion......Page 47
Lösung......Page 48
Lösung......Page 49
Diskussion......Page 50
Lösung......Page 51
Lösung......Page 52
Lösung......Page 53
Diskussion......Page 54
Lösung......Page 56
Lösung......Page 57
Lösung......Page 58
Diskussion......Page 59
2.0 Einführung......Page 61
Lösung......Page 62
Diskussion......Page 63
Lösung......Page 64
Lösung......Page 65
Problem......Page 67
Lösung......Page 68
Diskussion......Page 69
Diskussion......Page 70
Lösung......Page 71
Lösung......Page 72
Problem......Page 73
Lösung......Page 74
Lösung......Page 75
Lösung......Page 76
Diskussion......Page 77
Lösung......Page 79
Diskussion......Page 80
Lösung......Page 82
Lösung......Page 85
Diskussion......Page 87
Lösung......Page 88
Diskussion......Page 89
Lösung......Page 90
Lösung......Page 92
Lösung......Page 95
Diskussion......Page 96
Lösung......Page 97
Diskussion......Page 99
Lösung......Page 100
Diskussion......Page 101
Lösung......Page 103
Diskussion......Page 104
Diskussion......Page 105
Diskussion......Page 106
Problem......Page 107
Lösung......Page 108
Diskussion......Page 109
Problem......Page 110
Diskussion......Page 111
Diskussion......Page 112
Problem......Page 115
Problem......Page 116
Diskussion......Page 117
Lösung 1......Page 119
Diskussion......Page 120
Diskussion......Page 121
Problem......Page 122
Diskussion......Page 123
Lösung......Page 125
Diskussion......Page 126
Lösung......Page 127
Problem......Page 129
Diskussion......Page 130
Lösung......Page 134
Problem......Page 135
Lösung......Page 136
Problem......Page 137
Lösung......Page 139
Problem......Page 140
Lösung......Page 141
Lösung......Page 143
Diskussion......Page 144
Diskussion......Page 146
Lösung......Page 147
Lösung......Page 149
Lösung 1......Page 150
Lösung 2......Page 151
Problem......Page 152
Lösung......Page 153
Diskussion......Page 154
Problem......Page 155
Lösung......Page 156
Lösung......Page 157
Lösung......Page 159
Diskussion......Page 162
Diskussion......Page 163
Problem......Page 164
Lösung......Page 165
Diskussion......Page 166
Lösung......Page 167
Lösung: Scrollen des gesamten Fensters......Page 169
Lösung: Scrollen innerhalb eines Elements......Page 170
Lösung......Page 171
Lösung......Page 174
Lösung......Page 175
Lösung 2: Ändern des href-Attributs des Stylesheets, das für größenbezogene Styles zuständig ist......Page 177
Diskussion......Page 178
7.0 Einführung......Page 179
Effekt-Vorlage......Page 180
Slide......Page 181
Beides......Page 182
Diskussion......Page 183
CSS......Page 184
Diskussion......Page 185
CSS......Page 186
Diskussion......Page 187
7.4 Elemente gleichzeitig Sliden und Faden......Page 189
Lösung......Page 190
Diskussion......Page 191
Lösung......Page 192
Problem......Page 193
Diskussion......Page 194
Diskussion......Page 195
Diskussion......Page 196
CSS......Page 197
Diskussion......Page 198
8.0 Einführung......Page 199
Lösung......Page 200
Problem......Page 201
Diskussion......Page 202
Lösung......Page 203
Lösung......Page 204
Lösung......Page 205
Mehr Beispiele......Page 206
Ein eigenes Event-Objekt übergeben......Page 207
Ein Element direkt verbergen (oder eine andere Änderung am Style vornehmen)......Page 208
Eventhandler so schnell wie möglich an ein Element binden......Page 209
Skripte positionieren......Page 210
Lösung......Page 211
Nachteile dieses Vorgehens......Page 212
Lösung......Page 213
Diskussion......Page 214
Beispiel......Page 215
Der Rest......Page 216
Lösung......Page 217
Eine kleine Einführung in die Event-Delegation......Page 218
Ergebnis......Page 219
Lösung......Page 221
Problem......Page 222
Lösung......Page 223
Den Listenern weitere Funktionalität verpassen......Page 224
Problem......Page 225
Bindings für Ihr Event......Page 226
Bestehende Anwendungsfälle für dieses Feature......Page 227
Wie kann man das mit jQuery 1.3 und höher machen?......Page 228
Eventhandler können Aktionen verhindern......Page 230
Lösung......Page 231
Ein Beispiel......Page 232
Das Plugin kann Anweisungen entgegennehmen......Page 234
Problem......Page 235
Ein Event vor der Ausführung auslösen......Page 236
Alles zusammen......Page 237
Was kann man noch machen?......Page 238
Die Objekte......Page 239
Die Methoden binden......Page 240
10.0 Einführung......Page 243
Diskussion......Page 244
Lösung 1......Page 245
Lösung 2......Page 246
Diskussion......Page 247
Lösung 2......Page 248
Diskussion......Page 249
Diskussion......Page 250
Problem......Page 251
Diskussion......Page 252
Lösung......Page 253
Problem......Page 254
Lösung......Page 255
Problem......Page 256
Lösung......Page 257
Diskussion......Page 258
Lösung......Page 259
Problem......Page 260
Lösung......Page 261
Problem......Page 262
Lösung......Page 264
Diskussion......Page 265
Grundlegendes Vorgehen......Page 269
Lösung......Page 270
Diskussion......Page 272
Eigene Methoden......Page 273
Regeln......Page 274
Abhängigkeiten......Page 275
Fehlermeldungen......Page 276
Layout......Page 277
Umgang mit submit......Page 278
Einschränkungen......Page 279
Diskussion......Page 280
Einschränkungen......Page 281
Lösung......Page 282
Lösung......Page 283
Diskussion......Page 284
Diskussion......Page 286
Integration mit Google Maps......Page 287
Problem......Page 288
Diskussion......Page 289
Diskussion......Page 290
Lösung......Page 291
Problem......Page 292
Problem......Page 293
Lösung......Page 294
Lokalisierung......Page 295
Lösung......Page 297
In GitHub suchen......Page 298
Problem......Page 299
Das für Sie akzeptable Support-Level kennen und kommunizieren......Page 300
Lösung......Page 301
Diskussion......Page 302
Lösung......Page 303
Problem......Page 304
Diskussion......Page 305
Lösung......Page 306
Diskussion......Page 307
Lösung......Page 308
Diskussion......Page 309
Lösung......Page 310
Diskussion......Page 311
Lösung......Page 312
Diskussion......Page 313
13.0 Einleitung......Page 315
Tooltip – HTML-Code......Page 317
Tooltip – jQuery-Code......Page 318
Diskussion......Page 320
Lösung......Page 321
Baum – HTML-Code......Page 322
Baum – jQuery-Code......Page 323
Problem......Page 324
Lösung......Page 325
Akkordeon – HTML-Code......Page 326
Akkordeon – jQuery-Code......Page 327
Diskussion......Page 328
Lösung......Page 329
Registerkarten – HTML-Code......Page 330
Registerkarten – jQuery-Code......Page 331
Problem......Page 332
Lösung......Page 333
Modales Fenster – jQuery-Code......Page 334
Diskussion......Page 337
Lösung......Page 339
Dropdown-Menü – jQuery-Code......Page 340
Problem......Page 341
Rotator – HTML-Code......Page 342
Rotator – jQuery-Code......Page 343
Diskussion......Page 345
Lösung......Page 346
Panel – HTML-Code......Page 347
Panel – jQuery-Code......Page 348
Diskussion......Page 349
Interaktionen......Page 351
Wie dieses Kapitel aufgebaut ist......Page 352
Diskussion......Page 353
Diskussion......Page 354
Diskussion......Page 355
Problem......Page 356
Problem......Page 357
Diskussion......Page 358
Diskussion......Page 359
Diskussion......Page 360
Lösung 2: Über den Event-Typ an das Event binden......Page 361
Diskussion......Page 362
Problem......Page 363
HTML5 Audio......Page 364
Der Musikplayer......Page 365
Buttons zum Abspielen und Pausieren......Page 366
Label für die aktuelle Position und die Länge des Liedes......Page 367
Slider für die Position im Lied......Page 368
Fortschrittsbalken, um den Pufferstatus anzuzeigen......Page 370
Lautstärkeregler......Page 371
Hintergrund des Widgets und letzte Feinarbeiten......Page 374
15.0 Einleitung......Page 377
Die Komponenten von jQuery UI CSS verstehen......Page 378
Lösung......Page 382
Schritt 1. ThemeRoller öffnen......Page 383
Schritt 2. Ein Theme erstellen und in der Vorschau betrachten......Page 385
Schritt 3. Die jQuery UI-Widgets und das Theme herunterladen......Page 391
Schritt 4. Dateien in Ihrem Projektverzeichnis zusammenführen......Page 392
Schritt 5. Auf die Theme-Stylesheets in Ihrem Projekt verweisen......Page 393
Diskussion......Page 395
Lösung......Page 396
Schritt 1. Markup und Styles des Widgets des jQuery UI-Plugins untersuchen......Page 397
Schritt 2. Erstellen eines Override-Stylesheets......Page 399
Eingeschränktes Überschreiben......Page 400
Override-Regeln schreiben......Page 401
Diskussion......Page 406
Lösung......Page 407
Schritt 1: Die verfügbaren Framework-Klassen untersuchen, um diejenigen zu ermitteln, die Sie auf Ihre Komponenten anwenden können......Page 408
Schritt 2: Framework-Klassen für anklickbare Elemente anwenden......Page 412
Diskussion......Page 416
Lösung......Page 417
Schritt 1. Ein weiteres Theme mit ThemeRoller erstellen......Page 419
Schritt 2. Das neue Theme mit einem Gültigkeitsbereich versehen und es herunterladen......Page 420
Schritt 3. Vereinigen der Dateien in Ihrem Projektverzeichnis......Page 423
Schritt 4. Das Stylesheet des eingeschränkten Themes in Ihrem Projekt referenzieren......Page 425
15.5 Anhang: Weitere Informationen zu CSS......Page 426
Lösung......Page 427
Diskussion......Page 428
Diskussion......Page 430
Diskussion......Page 432
Diskussion......Page 436
Problem......Page 438
Lösung......Page 439
Problem......Page 440
Lösung......Page 441
Lösung......Page 442
Diskussion......Page 443
Lösung......Page 445
Diskussion......Page 447
Lösung......Page 448
Diskussion......Page 449
Lösung......Page 450
Lösung......Page 451
Diskussion......Page 453
Lösung......Page 454
Lösung......Page 456
Diskussion......Page 457
Diskussion......Page 458
Problem......Page 461
Lösung......Page 462
ok( boolean[, message ])......Page 463
Problem......Page 464
Diskussion......Page 465
Lösung......Page 466
Problem......Page 467
Diskussion......Page 468
Diskussion......Page 469
Diskussion......Page 470
Index......Page 473