| |
| |
| Introduction | |
| |
| |
| |
| An Inside Look at JavaScript | |
| |
| |
| Answers to Common Questions About JavaScript | |
| |
| |
| JavaScript: A Limited-Featured Programming Language | |
| |
| |
| Getting Down to JavaScript | |
| |
| |
| Object Name | |
| |
| |
| Property | |
| |
| |
| Methods | |
| |
| |
| The Dot Syntax | |
| |
| |
| The Main Event | |
| |
| |
| Writing Your First JavaScript | |
| |
| |
| "Old Timers" Don't Like JavaScript | |
| |
| |
| Spicing Up Your JavaScript | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Variables, Operators, and Expressions | |
| |
| |
| Values and Variables | |
| |
| |
| Values | |
| |
| |
| Variables | |
| |
| |
| Operators and Expressions | |
| |
| |
| Parts of an Expression | |
| |
| |
| Multiple Operations | |
| |
| |
| Types of Operators | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Condition Statements | |
| |
| |
| if Statement | |
| |
| |
| The if Statement in Action | |
| |
| |
| The if...else Statement | |
| |
| |
| The if...else if Statement | |
| |
| |
| Other Variations of the if Statement | |
| |
| |
| Nested if Statement | |
| |
| |
| Identifying a Browser | |
| |
| |
| switch...case Statement | |
| |
| |
| Loop Statement | |
| |
| |
| The for Loop | |
| |
| |
| The for in Loop | |
| |
| |
| The while Loop | |
| |
| |
| The do...while Loop | |
| |
| |
| continue | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Arrays | |
| |
| |
| What Is an Array? | |
| |
| |
| Declaring an Array | |
| |
| |
| Initializing an Array | |
| |
| |
| Defining Array Elements | |
| |
| |
| How Many Elements Are in the Array? | |
| |
| |
| Looping the Array | |
| |
| |
| Adding an Array Element | |
| |
| |
| Sorting Array Elements | |
| |
| |
| Making a New Array from an Existing Array | |
| |
| |
| Combining Array Elements into a String | |
| |
| |
| Changing Elements of the Array | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Functions | |
| |
| |
| What Is a Function? | |
| |
| |
| Defining a Function | |
| |
| |
| Writing a Function Definition | |
| |
| |
| Adding Arguments | |
| |
| |
| The Scope of Variables and Arguments | |
| |
| |
| Calling a Function | |
| |
| |
| Calling a Function Without an Argument | |
| |
| |
| Calling a Function with an Argument | |
| |
| |
| Calling a Function from HTML | |
| |
| |
| Functions Calling Another Function | |
| |
| |
| Returning Values from a Function | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Strings | |
| |
| |
| Why Manipulate a String? | |
| |
| |
| Joining Strings | |
| |
| |
| Finding Your Way Around a String | |
| |
| |
| Dividing Text | |
| |
| |
| Copying a Substring | |
| |
| |
| Converting Number and Strings | |
| |
| |
| Numbers to Strings | |
| |
| |
| Changing the Case of the String | |
| |
| |
| Strings and Unicode | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Forms and Event Handling | |
| |
| |
| Building Blocks of a Form | |
| |
| |
| Elements and JavaScript | |
| |
| |
| Responding to Form Events | |
| |
| |
| Form Objects and Elements | |
| |
| |
| Time-Saving Shortcut | |
| |
| |
| Changing Attribute Values Dynamically | |
| |
| |
| Changing Elements Based on a Value Selected by the User | |
| |
| |
| Changing an Option List Dynamically | |
| |
| |
| Evaluating Check Box Selections | |
| |
| |
| Manipulating Elements Before the Form Is Submitted | |
| |
| |
| Using Intrinsic JavaScript Functions | |
| |
| |
| Changing Labels Dynamically | |
| |
| |
| Disabling Elements | |
| |
| |
| Read-Only Elements | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Cookies | |
| |
| |
| Cookie Basics | |
| |
| |
| Creating a Cookie | |
| |
| |
| Reading a Cookie | |
| |
| |
| Setting the Expiration Date | |
| |
| |
| Deleting a Cookie | |
| |
| |
| Personalizing an Experience Using a Cookie | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Browser Windows | |
| |
| |
| Open the Window, Please! | |
| |
| |
| Giving the New Window Focus | |
| |
| |
| Placing the Window into Position on the Screen | |
| |
| |
| Changing the Contents of a Window | |
| |
| |
| Closing the Window | |
| |
| |
| "Magically" Scrolling a Web Page | |
| |
| |
| Opening Multiple Windows at Once | |
| |
| |
| Creating a Web Page in a New Window | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Regular Expressions | |
| |
| |
| What Is a Regular Expression? | |
| |
| |
| The Language of a Regular Expression | |
| |
| |
| Finding Nonmatching Characters | |
| |
| |
| Entering a Range of Characters | |
| |
| |
| Matching Digits and Nondigits | |
| |
| |
| Matching Punctuation and Symbols | |
| |
| |
| Matching Words | |
| |
| |
| Replace Text Using a Regular Expression | |
| |
| |
| Replacing Like Values | |
| |
| |
| Return the Matched Characters | |
| |
| |
| The Telephone Number Match | |
| |
| |
| Regular Expression Object Properties | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| JavaScript and Frames | |
| |
| |
| You've Been Framed! | |
| |
| |
| Invisible Borders | |
| |
| |
| Calling a Child Window's JavaScript Function | |
| |
| |
| Changing the Content of a Child Window | |
| |
| |
| Changing the Focus of a Child Window | |
| |
| |
| Writing to a Child Window from a JavaScript | |
| |
| |
| Accessing Elements of Another Child Window | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Rollovers | |
| |
| |
| Setting the Stage | |
| |
| |
| Creating a Rollover | |
| |
| |
| Text Rollovers | |
| |
| |
| Multiple Actions for a Rollover | |
| |
| |
| More Efficient Rollovers | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Getting Your Message Across: The Status Bar, Banners, and Slideshows | |
| |
| |
| Making Magic Using the Status Bar | |
| |
| |
| Building a Static Message | |
| |
| |
| Changing the Message Using Rollovers | |
| |
| |
| Moving the Message Along the Status Bar | |
| |
| |
| Banner Advertisements | |
| |
| |
| Loading and Displaying Banner Advertisements | |
| |
| |
| Linking Banner Advertisements to URLs | |
| |
| |
| Creating a Slideshow | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Protecting Your Web Page | |
| |
| |
| Hiding Your Code | |
| |
| |
| Disabling the Right Mouse Button | |
| |
| |
| Hiding Your JavaScript | |
| |
| |
| Concealing Your E-mail Address | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| Menus | |
| |
| |
| Creating a Pull-Down Menu | |
| |
| |
| Dynamically Changing a Menu | |
| |
| |
| Validating Menu Selections | |
| |
| |
| Creating DHTML Menus | |
| |
| |
| Floating Menu | |
| |
| |
| Chain Select Menu | |
| |
| |
| Tab Menu | |
| |
| |
| Popup Menu | |
| |
| |
| Highlighted Menu | |
| |
| |
| Folding Tree Menu | |
| |
| |
| Microsoft Outlook Bar Style Menu | |
| |
| |
| Context Menu | |
| |
| |
| Scrollable Menu | |
| |
| |
| Side Bar Menu | |
| |
| |
| Slide-In Menu | |
| |
| |
| Looking Ahead | |
| |
| |
| Quiz | |
| |
| |
| |
| DHTML | |
| |
| |
| What Is DHTML? | |
| |
| |
| Learning DHTML | |
| |
| |
| Cascading Style Sheets | |
| |
| |
| Using DHTML Code | |
| |
| |
| Generic Drag | |
| |
| |
| LCD Clock All | |
| |
| |
| Watermark Background Image | |
| |
| |
| Tabbed Document Viewer Using iframe | |
| |
| |
| Daily iframe Content | |
| |
| |
| Cross-Browser Marquee | |
| |
| |
| Popup Calendar | |
| |
| |
| Drop-In Content Box | |
| |
| |
| Ad Box | |
| |
| |
| Quiz | |
| |
| |
| Appendix | |
| |
| |
| Final Exam | |
| |
| |
| Answers to Quizzes and Final Exam | |
| |
| |
| Index | |