book

JavaScript & DHTML Cookbook, 2nd Edition

Name: JavaScript & DHTML Cookbook, 2nd Edition
Author: Danny Goodman
ISBN: 9780596514082

by Danny Goodman

August 2007

Intermediate to advanced

603 pages

15h 51m

English

O'Reilly Media, Inc.

Read now

Unlock full access

A Note Regarding Supplemental Files
Preface
About YouAbout the RecipesWhat’s in This BookBrowser PlatformsConventions Used in This BookUsing Code ExamplesRequest for CommentsSafari® EnabledAcknowledgments
1. Strings
1.0. Introduction1.1. Concatenating (Joining) Strings1.2. Improving String Handling Performance1.3. Accessing Substrings1.4. Changing String Case1.5. Testing Equality of Two Strings1.6. Testing String Containment Without Regular Expressions1.7. Testing String Containment with Regular Expressions1.8. Searching and Replacing Substrings1.9. Using Special and Escaped Characters1.10. Reading and Writing Strings for Cookies1.11. Converting Between Unicode Values and String Characters1.12. Encoding and Decoding URL Strings1.13. Encoding and Decoding Base64 Strings
2. Numbers and Dates
2.0. Introduction2.1. Converting Between Numbers and Strings2.2. Testing a Number’s Validity2.3. Testing Numeric Equality2.4. Rounding Floating-Point Numbers2.5. Formatting Numbers for Text Display2.6. Converting Between Decimal and Hexadecimal Numbers2.7. Generating Pseudorandom Numbers2.8. Calculating Trigonometric Functions2.9. Creating a Date Object2.10. Calculating a Previous or Future Date2.11. Calculating the Number of Days Between Two Dates2.12. Validating a Date
3. Arrays and Objects
3.0. Introduction3.1. Creating a Simple Array3.2. Creating a Multidimensional Array3.3. Converting Between Arrays and Strings3.4. Doing Something with the Items in an Array3.5. Sorting a Simple Array3.6. Combining Arrays3.7. Dividing Arrays3.8. Creating a Custom Object3.9. Simulating a Hash Table for Fast Array Lookup3.10. Doing Something with a Property of an Object3.11. Sorting an Array of Objects3.12. Customizing an Object’s Prototype3.13. Converting Arrays and Custom Objects to Strings3.14. Using Objects to Reduce Naming Conflicts
4. Variables, Functions, and Flow Control
4.0. Introduction4.1. Creating a JavaScript Variable4.2. Creating a Named Function4.3. Nesting Named Functions4.4. Creating an Anonymous Function4.5. Delaying a Function Call4.6. Branching Execution Based on Conditions4.7. Handling Script Errors Gracefully4.8. Improving Script Performance
5. Browser Feature Detection
5.0. Introduction5.1. Detecting the Browser Brand5.2. Detecting an Early Browser Version5.3. Detecting the Internet Explorer Version5.4. Detecting the Mozilla Version5.5. Detecting the Safari Version5.6. Detecting the Opera Version5.7. Detecting the Client Operating System5.8. Detecting Object Support5.9. Detecting Object Property and Method Support5.10. Detecting W3C DOM Standard Support5.11. Detecting the Browser Written Language5.12. Detecting Cookie Availability5.13. Defining Browser- or Feature-Specific Links5.14. Testing on Multiple Browser Versions
6. Managing Browser Windows
6.0. Introduction6.1. Living with Browser Window Control Limitations6.2. Setting the Main Window’s Size6.3. Positioning the Main Window6.4. Maximizing the Main Window6.5. Creating a New Window6.6. Bringing a Window to the Front6.7. Communicating with a New Window6.8. Communicating Back to the Main Window6.9. Using Internet Explorer Modal/Modeless Windows6.10. Simulating a Cross-Browser Modal Dialog Window6.11. Simulating a Window with Layers
7. Managing Multiple Frames
7.0. Introduction7.1. Creating a Blank Frame in a New Frameset7.2. Changing the Content of One Frame from Another7.3. Changing the Content of Multiple Frames at Once7.4. Replacing a Frameset with a Single Page7.5. Avoiding Being “Framed” by Another Site7.6. Ensuring a Page Loads in Its Frameset7.7. Reading a Frame’s Dimensions7.8. Resizing Frames7.9. Setting Frameset Specifications Dynamically
8. Dynamic Forms
8.0. Introduction8.1. Auto-Focusing the First Text Field8.2. Performing Common Text Field Validations8.3. Preventing Form Submission upon Validation Failure8.4. Auto-Focusing an Invalid Text Field Entry8.5. Using a Custom Validation Object8.6. Changing a Form’s Action8.7. Blocking Submissions from the Enter Key8.8. Advancing Text Field Focus with the Enter Key8.9. Submitting a Form by an Enter Key Press in Any Text Box8.10. Disabling Form Controls8.11. Hiding and Showing Form Controls8.12. Allowing Only Numbers (or Letters) in a Text Box8.13. Auto-Tabbing for Fixed-Length Text Boxes8.14. Changing select Element Content8.15. Copying Form Data Between Pages

9. Managing Events
9.0. Introduction9.1. Equalizing the IE and W3C Event Models9.2. Initiating a Process After the Page Loads9.3. Appending Multiple Load Event Handlers9.4. Determining the Coordinates of a Click Event9.5. Preventing an Event from Performing Its Default Behavior9.6. Blocking Duplicate Clicks9.7. Determining Which Element Received an Event9.8. Determining Which Mouse Button Was Pressed9.9. Reading Which Character Key Was Typed9.10. Reading Which Noncharacter Key Was Pressed9.11. Determining Which Modifier Keys Were Pressed During an Event9.12. Determining the Element the Cursor Rolled From/To9.13. Synchronizing Sounds to Events
10. Page Navigation Techniques
10.0. Introduction10.1. Loading a New Page or Anchor10.2. Keeping a Page Out of the Browser History10.3. Using a select Element for Navigation10.4. Passing Data Between Pages via Cookies10.5. Passing Data Between Pages via Frames10.6. Passing Data Between Pages via URLs10.7. Creating a Contextual (Right-Click) Menu10.8. Creating Drop-Down Navigation Menus10.9. Providing Navigation Trail Menus10.10. Creating Expandable Menus10.11. Creating Collapsible XML Menus
11. Managing Style Sheets
11.0. Introduction11.1. Assigning Style Sheet Rules to an Element Globally11.2. Assigning Style Sheet Rules to a Subgroup of Elements11.3. Assigning Style Sheet Rules to an Individual Element11.4. Importing External Style Sheets11.5. Importing Browser-or Operating System-Specific Style Sheets11.6. Changing Imported Style Sheets After Loading11.7. Enabling/Disabling Style Sheets11.8. Toggling Between Style Sheets for an Element11.9. Overriding a Style Sheet Rule11.10. Turning Arbitrary Content into a Styled Element11.11. Creating Center-Aligned Body Elements11.12. Reading Effective Style Sheet Property Values11.13. Forcing Recent Browsers into Standards-Compatibility Mode
12. Visual Effects for Stationary Content
12.0. Introduction12.1. Precaching Images12.2. Swapping Images (Rollovers)12.3. Reducing Rollover Image Downloads with JavaScript12.4. Reducing Rollover Image Downloads with CSS12.5. Dynamically Changing Image Sizes12.6. Changing Text Style Properties12.7. Offering Body Text Size Choices to Users12.8. Creating Custom Link Styles12.9. Changing Page Background Colors and Images12.10. Hiding and Showing Elements12.11. Adjusting Element Transparency12.12. Creating Transition Visual Effects12.13. Drawing Charts in the Canvas Element
13. Positioning HTML Elements
13.0. Introduction13.1. Making an Element Positionable in the Document Space13.2. Connecting a Positioned Element to a Body Element13.3. Controlling Positioning via a DHTML JavaScript Library13.4. Deciding Between div and span Containers13.5. Adjusting Positioned Element Stacking Order (Z-order)13.6. Centering an Element on Top of Another Element13.7. Centering an Element in a Window or Frame13.8. Determining the Location of a Nonpositioned Element13.9. Animating Straight-Line Element Paths13.10. Animating Circular Element Paths13.11. Creating a Draggable Element13.12. Scrolling div Content13.13. Creating a Custom Scrollbar13.14. Creating a Slider Control
14. Creating Dynamic Content
14.0. Introduction14.1. Writing Dynamic Content During Page Loading14.2. Creating New Page Content Dynamically14.3. Including External HTML Content14.4. Embedding XML Data14.5. Embedding Data As JavaScript Objects14.6. Transforming XML Data into HTML Tables14.7. Transforming JavaScript Objects into HTML Tables14.8. Converting an XML Node Tree to JavaScript Objects14.9. Creating a New HTML Element14.10. Creating Text Content for a New Element14.11. Creating Mixed Element and Text Nodes14.12. Inserting and Populating an iframe Element14.13. Getting a Reference to an HTML Element Object14.14. Referencing All Elements of the Same Class14.15. Replacing Portions of Body Content14.16. Removing Body Content14.17. Using XMLHttpRequest for a REST Request14.18. Using XMLHttpRequest for a SOAP Call14.19. Sorting Dynamic Tables14.20. Walking the Document Node Tree14.21. Capturing Document Content
15. Dynamic Content Applications
15.0. Introduction15.1. Displaying a Random Aphorism15.2. Converting a User Selection into an Arbitrary Element15.3. Automating the Search-and-Replace of Body Content15.4. Designing a User-Editable Content Page15.5. Creating a Slide Show15.6. Auto-Scrolling the Page15.7. Greeting Users with Their Time of Day15.8. Displaying the Number of Days Before Christmas15.9. Displaying a Countdown Timer15.10. Creating a Calendar Date Picker15.11. Displaying an Animated Progress Bar
A. Keyboard Event Character Values
B. Keyboard Key Code Values
C. ECMAScript Reserved Keywords
About the Author
Colophon
Copyright

Overview

In today's Web 2.0 world, JavaScript and Dynamic HTML are at the center of the hot new approach to designing highly interactive pages on the client side. With this environment in mind, the new edition of this book offers bite-sized solutions to very specific scripting problems that web developers commonly face. Each recipe includes a focused piece of code that you can insert right into your application.

Why is JavaScript & DHTML Cookbook so popular? After reading thousands of forum threads over the years, author and scripting pioneer Danny Goodman has compiled a list of problems that frequently vex scripters of various experience levels. For every problem he addresses, Goodman not only offers code, but a discussion of how and why the solution works. Recipes range from simple tasks, such as manipulating strings and validating dates in JavaScript, to entire libraries that demonstrate complex tasks, such as cross-browser positioning of HTML elements, sorting tables, and implementing Ajax features on the client.

Ideal for novices as well as experienced scripters, this book contains more than 150 recipes for:

Working with interactive forms and style sheets
Presenting user-friendly page navigation
Creating dynamic content via Document Object Model scripting
Producing visual effects for stationary content
Positioning HTML elements
Working with XML data in the browser

Recipes in this Cookbook are compatible with the latest W3C standards and browsers, including Internet Explorer 7, Firefox 2, Safari, and Opera 9. Several new recipes provide client-side Ajax solutions, and many recipes from the previous edition have been revised to help you build extensible user interfaces for Web 2.0 applications. If you want to write your own scripts and understand how they work, rather than rely on a commercial web development framework, the JavaScript & DHTML Cookbook is a must.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9780596514082Errata Page

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills