JavaScript & DHTML Cookbool(

Size: px

Start display at page:

Download "JavaScript & DHTML Cookbool("

Brittany Martin
5 years ago
Views:

1 SECOND EDITION JavaScript & DHTML Cookbool( Danny Goodman O'REILLY Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo

2 Table of Contents Preface xiii 1. Strings Concatenating (Joining) Strings Improving String Handling Performance Accessing Substrings Changing String Case Testing Equality of Two Strings Testing String Containment Without Regular Expressions Testing String Containment with Regular Expressions Searching and Replacing Substrings Using Special and Escaped Characters Reading and Writing Strings for Cookies Converting Between Unicode Values and String Characters Encoding and Decoding URL Strings Encoding and Decoding Base64 Strings Numbers and Dates Converting Between Numbers and Strings Testing a Number's Validity Testing Numeric Equality Rounding Floating-Point Numbers Formatting Numbers for Text Display Converting Between Decimal and Hexadecimal Numbers Generating Pseudorandom Numbers Calculating Trigonometric Functions Creating a Date Object 42

3 2.10 Calculating a Previous or Future Date Calculating the Number of Days Between Two Dates Validating a Date Arrays and Objects Creating a Simple Array Creating a Multidimensional Array Converting Between Arrays and Strings Doing Something with the Items in an Array Sorting a Simple Array Combining Arrays Dividing Arrays Creating a Custom Object Simulating a Hash Table for Fast Array Lookup Doing Something with a Property of an Object Sorting an Array of Objects Customizing an Object's Prototype Converting Arrays and Custom Objects to Strings Using Objects to Reduce Naming Conflicts Variables, Functions, and Flow Control Creating a JavaScript Variable Creating a Named Function Nesting Named Functions Creating an Anonymous Function Delaying a Function Call Branching Execution Based an Conditions Handling Script Errors Gracefully Improving Script Performance Browser Feature Detection Detecting the Browser Brand Detecting an Early Browser Version Detecting the Internet Explorer Version Detecting the Mozilla Version Detecting the Safari Version Detecting the Opera Version Detecting the Client Operating System Detecting Object Support 121 vi Table of Contents

4 5.9 Detecting Object Property and Method Support Detecting W3C DOM Standard Support Detecting the Browser Written Language Detecting Cookie Availability Defining Browser- or Feature-Specific Links Testing an Multiple Browser Versions Managing Browser Windows Living with Browser Window Control Limitations Setting the Main Window's Size Positioning the Main Window Maximizing the Main Window Creating a New Window Bringing a Window to the Front Communicating with a New Window Communicating Back to the Main Window Using Internet Explorer Modal/Modeless Windows Simulating a Cross-Browser Modal Dialog Window Simulating a Window with Layers Managing Multiple Frames Creating a Blank Frame in a New Frameset Changing the Content of One Frame from Another Changing the Content of Multiple Frames at Once Replacing a Frameset with a Single Page Avoiding Being "Framed" by Another Site Ensuring a Page Loads in Its Frameset Reading a Frame's Dimensions Resizing Frames Setting Frameset Specifications Dynamically Dynamic Forms Auto-Focusing the First Text Field Performing Common Text Field Validations Preventing Form Submission upon Validation Failure Auto-Focusing an Invalid Text Field Entry Using a Custom Validation Object Changing a Form's Action Blocking Submissions from the Enter Key 214 Talge of Contents I vii

5 8.8 Advancing Text Field Focus with the Enter Key Submitting a Form by an Enter Key Press in Any Text Box Disabling Form Controls Hiding and Showing Form Controls Allowing Only Numbers (or Letters) in a Text Box Auto-Tabbing for Fixed-Length Text Boxes Changing select Element Content Copying Form Data Between Pages Managing Events Equalizing the IE and W3C Event Models Initiating a Process After the Page Loads Appending Multiple Load Event Handlers Determining the Coordinates of a Click Event Preventing an Event from Performing Its Default Behavior Blocking Duplicate Clicks Determining Which Element Received an Event Determining Which Mouse Button Was Pressed Reading Which Character Key Was Typed Reading Which Noncharacter Key Was Pressed Determining Which Modifier Keys Were Pressed During an Event Determining the Element the Cursor Rolled From/To Synchronizing Sounds to Events Page Navigation Techniques Loading a New Page or Anchor Keeping a Page Out of the Browser History Using a select Element for Navigation Passing Data Between Pages via Cookies Passing Data Between Pages via Frames Passing Data Between Pages via URLs Creating a Contextual (Right-Click) Menu Creating Drop-Down Navigation Menus Providing Navigation Trail Menus Creating Expandable Menus Creating Collapsible XML Menus 320 viii I Table of Contents

6 11. Managing Style Sheets Assigning Style Sheet Rules to an Element Globally Assigning Style Sheet Rules to a Subgroup of Elements Assigning Style Sheet Rules to an Individual Element Importing External Style Sheets Importing Browser- or Operating System-Specific Style Sheets Changing Imported Style Sheets After Loading Enabling/Disabling Style Sheets Toggling Between Style Sheets for an Element Overriding a Style Sheet Rule Turning Arbitrary Content into a Styled Element Creating Center-Aligned Body Elements Reading Effective Style Sheet Property Values Forcing Recent Browsers into Standards-Compatibility Mode Visual Effects for Stationary Content Precaching Images Swapping Images (Rollovers) Reducing Rollover Image Downloads with JavaScript Reducing Rollover Image Downloads with CSS Dynamically Changing Image Sizes Changing Text Style Properties Offering Body Text Size Choices to Users Creating Custom Link Styles Changing Page Background Colors and Images Hiding and Showing Elements Adjusting Element Transparency Creating Transition Visual Effects Drawing Charts in the Canvas Element Positioning HTML Elements Making an Element Positionable in the Document Space Connecting a Positioned Element to a Body Element Controlling Positioning via a DHTML JavaScript Library Deciding Between div and span Containers Adjusting Positioned Element Stacking Order (Z-order) Centering an Element an Top of Another Element Centering an Element in a Window or Frame 412 Table of Contents ix

7 13.8 Determining the Location of a Nonpositioned Element Animating Straight-Line Element Paths Animating Circular Element Paths Creating a Draggable Element Scrolling div Content Creating a Custom Scrollbar Creating a Slider Control Creating Dynamic Content Writing Dynamic Content During Page Loading Creating New Page Content Dynamically Including External HTML Content Embedding XML Data Embedding Data As JavaScript Objects Transforming XML Data into HTML Tables Transforming JavaScript Objects into HTML Tables Converting an XML Node Tree to JavaScript Objects Creating a New HTML Element Creating Text Content for a New Element Creating Mixed Element and Text Nodes Inserting and Populating an iframe Element Getting a Reference to an HTML Element Object Referencing All Elements of the Same Class Replacing Portions of Body Content Removing Body Content Using XMLHttpRequest for a REST Request Using XMLHttpRequest for a SOAP Call Sorting Dynamic Tables Walking the Document Node Tree Capturing Document Content Dynamic Content Applications Displaying a Random Aphorism Converting a User Selection into an Arbitrary Element Automating the Search-and-Replace of Body Content Designing a User-Editable Content Page Creating a Slide Show Auto-Scrolling the Page Greeting Users with Their Time of Day 524 x I Table of Contents

8 15.8 Displaying the Number of Days Before Christmas Displaying a Countdown Timer Creating a Calendar Date Picker Displaying an Animated Progress Bar 542 A. Keyboard Event Character Values 548 B. Keyboard Key Code Values 550 C. ECMAScript Reserved Keywords 552 Index 553 fable of Contents I xi

THIRD EDITION. CSS Cookbook. Christopher Schmitt foreword by Dan Cederholm O'REILLY 8. Beijing Cambridge Farnham Koln Sebastopol Taipei Tokyo

THIRD EDITION. CSS Cookbook. Christopher Schmitt foreword by Dan Cederholm O'REILLY 8. Beijing Cambridge Farnham Koln Sebastopol Taipei Tokyo THIRD EDITION CSS Cookbook Christopher Schmitt foreword by Dan Cederholm O'REILLY 8 Beijing Cambridge Farnham Koln Sebastopol Taipei Tokyo Table of Contents Foreword.\..,., xv Preface, xvii 1. Using HTML