JavaScript and DHTML cookbook 0596004672, 9780596004675

Table of contents :
Main Page......Page 1
Table of content......Page 2
Copyright......Page 7
Preface......Page 8
About You......Page 9
About the Recipes......Page 10
What's in This Book......Page 11
Browser Platforms......Page 12
Conventions Used in This Book......Page 13
Request for Comments......Page 14
Acknowledgments......Page 15
Chapter 1. Strings......Page 16
1.0 Introduction......Page 17
1.1 Concatenating (Joining) Strings......Page 20
1.2 Accessing Substrings......Page 23
1.3 Changing String Case......Page 26
1.4 Testing Equality of Two Strings......Page 27
1.5 Testing String Containment Without Regular Expressions......Page 30
1.6 Testing String Containment with Regular Expressions......Page 33
1.7 Searching and Replacing Substrings......Page 35
1.8 Using Special and Escaped Characters......Page 38
1.9 Reading and Writing Strings for Cookies......Page 41
1.10 Converting Between Unicode Values and String Characters......Page 44
1.11 Encoding and Decoding URL Strings......Page 45
1.12 Encoding and Decoding Base64 Strings......Page 48
Chapter 2. Numbers and Dates......Page 51
2.0 Introduction......Page 52
2.1 Converting Between Numbers and Strings......Page 55
2.2 Testing a Number's Validity......Page 58
2.3 Testing Numeric Equality......Page 61
2.4 Rounding Floating-Point Numbers......Page 64
2.5 Formatting Numbers for Text Display......Page 65
2.6 Converting Between Decimal and Hexadecimal Numbers......Page 68
2.7 Generating Pseudorandom Numbers......Page 71
2.8 Calculating Trigonometric Functions......Page 72
2.9 Creating a Date Object......Page 73
2.10 Calculating a Previous or Future Date......Page 76
2.11 Calculating the Number of Days Between Two Dates......Page 79
2.12 Validating a Date......Page 82
Chapter 3. Arrays and Objects......Page 85
3.0 Introduction......Page 86
3.1 Creating a Simple Array......Page 89
3.2 Creating a Multidimensional Array......Page 92
3.3 Converting Between Arrays and Strings......Page 95
3.4 Doing Something with the Items in an Array......Page 98
3.5 Sorting a Simple Array......Page 101
3.6 Combining Arrays......Page 104
3.7 Dividing Arrays......Page 105
3.8 Creating a Custom Object......Page 108
3.9 Simulating a Hash Table for Fast Array Lookup......Page 111
3.10 Doing Something with a Property of an Object......Page 114
3.11 Sorting an Array of Objects......Page 117
3.12 Customizing an Object's Prototype......Page 120
3.13 Converting Arrays and Custom Objects to Strings......Page 123
Chapter 4. Variables, Functions, and Flow Control......Page 126
4.0 Introduction......Page 127
4.1 Creating a JavaScript Variable......Page 128
4.1 Creating a JavaScript Variable......Page 131
4.1 Creating a JavaScript Variable......Page 134
4.4 Creating an Anonymous Function......Page 137
4.5 Delaying a Function Call......Page 140
4.6 Branching Execution Based on Conditions......Page 143
4.7 Handling Script Errors Gracefully......Page 146
4.8 Improving Script Performance......Page 149
Chapter 5. Browser Feature Detection......Page 152
5.0 Introduction......Page 153
5.1 Detecting the Browser Brand......Page 156
5.2 Detecting an Early Browser Version......Page 157
5.3 Detecting the Internet Explorer Version......Page 160
5.4 Detecting the Netscape Navigator Version......Page 163
5.5 Detecting the Client Operating System......Page 166
5.6 Detecting Object Support......Page 169
5.7 Detecting Object Property and Method Support......Page 172
5.8 Detecting the Browser Written Language......Page 175
5.9 Detecting Cookie Availability......Page 177
5.10 Defining Browser- or Feature-Specific Links......Page 178
5.11 Testing on Multiple Browser Versions......Page 181
Chapter 6. Managing Browser Windows......Page 184
6.0 Introduction......Page 185
6.1 Setting the Main Window's Size......Page 188
6.2 Positioning the Main Window......Page 191
6.3 Maximizing the Main Window......Page 192
6.4 Creating a New Window......Page 195
6.5 Bringing a Window to the Front......Page 198
6.6 Communicating with a New Window......Page 201
6.7 Communicating Back to the Main Window......Page 204
6.8 Using Internet Explorer Modal/Modeless Windows......Page 205
6.9 Simulating a Cross-Browser Modal Dialog Window......Page 208
6.10 Simulating a Window with Layers......Page 211
Chapter 7. Managing Multiple Frames......Page 214
7.0 Introduction......Page 215
7.1 Creating a Blank Frame in a New Frameset......Page 218
7.2 Changing the Content of One Frame from Another......Page 221
7.3 Changing the Content of Multiple Frames at Once......Page 224
7.4 Replacing a Frameset with a Single Page......Page 227
7.5 Avoiding Being 'Framed' by Another Site......Page 228
7.6 Assuring a Page Loads in its Frameset......Page 230
7.7 Reading a Frame's Dimensions......Page 233
7.8 Resizing Frames......Page 236
7.9 Setting Frameset Specifications Dynamically......Page 239
Chapter 8. Dynamic Forms......Page 242
8.0 Introduction......Page 243
8.1 Auto-Focusing the First Text Field......Page 246
8.2 Performing Common Text Field Validations......Page 247
8.3 Preventing Form Submission upon Validation Failure......Page 250
8.4 Auto-Focusing an Invalid Text Field Entry......Page 253
8.5 Changing a Form's Action......Page 256
8.6 Blocking Submissions from the Enter Key......Page 257
8.7 Advancing Text Field Focus with the Enter Key......Page 260
8.8 Submitting a Form by an Enter Key Press in Any Text Box......Page 261
8.9 Disabling Form Controls......Page 264
8.10 Hiding and Showing Form Controls......Page 267
8.11 Allowing Only Numbers (or Letters) in a Text Box......Page 270
8.12 Auto-Tabbing for Fixed-Length Text Boxes......Page 273
8.13 Changing select Element Content......Page 276
8.14 Copying Form Data Between Pages......Page 279
Chapter 9. Managing Events......Page 282
9.0 Introduction......Page 283
9.1 Equalizing the IE and W3C Event Models......Page 286
9.2 Initiating a Process After the Page Loads......Page 289
9.3 Determining the Coordinates of a Click Event......Page 292
9.4 Preventing an Event from Performing Its Default Behavior......Page 295
9.5 Blocking Double Clicks......Page 298
9.6 Determining Which Element Received an Event......Page 300
9.7 Determining Which Mouse Button Was Pressed......Page 303
9.8 Reading Which Character Key Was Typed......Page 306
9.9 Reading Which Noncharacter Key Was Pressed......Page 309
9.10 Determining Which Modifier Keys Were Pressed During an Event......Page 312
9.11 Determining the Element the Cursor Rolled From/To......Page 315
9.12 Synchronizing Sounds to Events......Page 318
Chapter 10. Page Navigation Techniques......Page 321
10.0 Introduction......Page 322
10.1 Loading a New Page or Anchor......Page 325
10.2 Keeping a Page Out of the Browser History......Page 328
10.3 Using a select Element for Navigation......Page 329
10.4 Passing Data Between Pages Via Cookies......Page 332
10.5 Passing Data Between Pages Via Frames......Page 335
10.6 Passing Data Between Pages Via URLs......Page 338
10.7 Creating a Contextual (Right-Click) Menu......Page 341
10.8 Creating Drop-Down Navigation Menus......Page 344
10.9 Providing Navigation Trail Menus......Page 347
10.10 Creating Expandable Menus......Page 350
10.11 Creating Collapsible XML Menus......Page 353
Chapter 11. Managing Style Sheets......Page 356
11.0 Introduction......Page 357
11.1 Assigning Style Sheet Rules to an Element Globally......Page 360
11.2 Assigning Style Sheet Rules to a Subgroup of Elements......Page 361
11.3 Assigning Style Sheet Rules to an Individual Element......Page 364
11.4 Importing External Style Sheets......Page 365
11.5 Importing Browser- or Operating System-Specific Style Sheets......Page 366
11.6 Changing Imported Style Sheets After Loading......Page 367
11.7 Enabling/Disabling Style Sheets......Page 370
11.8 Toggling Between Style Sheets for an Element......Page 371
11.9 Overriding a Style Sheet Rule......Page 374
11.10 Turning Arbitrary Content into a Styled Element......Page 375
11.11 Creating Center-Aligned Body Elements......Page 376
11.12 Reading Effective Style Sheet Property Values......Page 377
11.13 Forcing Version 6 Browsers into Standards-Compatibility Mode......Page 380
Chapter 12. Visual Effects for Stationary Content......Page 383
12.0 Introduction......Page 384
12.1 Precaching Images......Page 387
12.2 Swapping Images (Rollovers)......Page 390
12.3 Changing Text Style Properties......Page 393
12.4 Offering Body Text Size Choices to Users......Page 396
12.5 Creating Custom Link Styles......Page 399
12.6 Changing Page Background Colors and Images......Page 402
12.7 Hiding and Showing Elements......Page 405
12.8 Adjusting Element Transparency......Page 408
12.9 Creating Transition Visual Effects......Page 411
Chapter 13. Positioning HTML Elements......Page 414
13.0 Introduction......Page 415
13.1 Making an Element Positionable in the Document Space......Page 418
13.2 Connecting a Positioned Element to a Body Element......Page 419
13.3 Controlling Positioning Via a DHTML JavaScript Library......Page 422
13.4 Deciding Between div and span Containers......Page 425
13.5 Adjusting Positioned Element Stacking Order (z-order)......Page 428
13.6 Centering an Element on Top of Another Element......Page 431
13.7 Centering an Element in a Window or Frame......Page 434
13.8 Determining the Location of a Nonpositioned Element......Page 437
13.9 Animating Straight-Line Element Paths......Page 440
13.10 Animating Circular Element Paths......Page 443
13.11 Creating a Draggable Element......Page 446
13.12 Scrolling div Content......Page 449
13.13 Creating a Custom Scrollbar......Page 452
Chapter 14. Creating Dynamic Content......Page 455
14.0 Introduction......Page 458
14.1 Writing Dynamic Content During Page Loading......Page 459
14.2 Creating New Page Content Dynamically......Page 462
14.3 Including External HTML Content......Page 465
14.4 Embedding XML Data......Page 468
14.5 Embedding Data as JavaScript Objects......Page 471
14.6 Transforming XML Data into HTML Tables......Page 474
14.7 Transforming JavaScript Objects into HTML Tables......Page 477
14.8 Converting an XML Node Tree to JavaScript Objects......Page 480
14.9 Creating a New Element......Page 483
14.10 Creating Text Content for a New Element......Page 486
14.11 Creating Mixed Element and Text Nodes......Page 489
14.12 Inserting and Populating an iframe Element......Page 492
14.13 Getting a Reference to an HTML Element Object......Page 495
14.14 Replacing Portions of Body Content......Page 498
14.15 Removing Body Content......Page 501
14.16 Sorting Dynamic Tables......Page 504
14.17 Walking the Document Node Tree......Page 507
14.18 Capturing Document Content......Page 510
Chapter 15. Dynamic Content Applications......Page 513
15.0 Introduction......Page 514
15.1 Displaying a Random Aphorism......Page 515
15.2 Converting a User Selection into an Arbitrary Element......Page 518
15.3 Automating the Search-and-Replace of Body Content......Page 521
15.4 Creating a Slide Show......Page 524
15.5 Auto-Scrolling the Page......Page 527
15.6 Greeting Users with Their Time of Day......Page 530
15.7 Displaying the Number of Days Before Christmas......Page 532
15.8 Displaying a Countdown Timer......Page 535
15.9 Creating a Calendar Date Picker......Page 538
15.10 Displaying an Animated Progress Bar......Page 541
Appendix A. Keyboard Event Character Values......Page 544
Appendix B. Keyboard Key Code Values......Page 547
Appendix C. ECMAScript Reserved Keywords......Page 550
Colophon......Page 551
Index......Page 552
Index SYMBOL......Page 553
Index A......Page 554
Index B......Page 557
Index C......Page 560
Index D......Page 563
Index E......Page 566
Index F......Page 569
Index G......Page 572
Index H......Page 573
Index I......Page 574
Index J......Page 577
Index K......Page 578
Index L......Page 579
Index M......Page 580
Index N......Page 581
Index O......Page 584
Index P......Page 587
Index Q......Page 590
Index R......Page 591
Index S......Page 592
Index T......Page 595
Index U......Page 598
Index V......Page 599
Index W......Page 600
Index X......Page 603
Index Y......Page 604
Index Z......Page 605