Advanced JavaScript DOMScripting (DHTML)

Overview

Gain practical knowledge of dynamic scripting techniques by working with real-world examples of animation, shopping carts and calendars. You will learn and test concepts of menus and cookies to enable better Web page interactivity. You will learn all this with an emphasis on browser independence and the latest Web Standards compliant techniques. The course ends with a look at the future of DOM Scripting through AJAX: Asynchronous JavaScript and XML.

Objectives

Generate page animation by joining CSS and JavaScript, enabling you to move page elements gradually to specific locations on the page or having sections appear and disappear in response to user actions
Build dynamic pages that respond to selecting text, pressing keys, dragging and dropping page elements,resizing of windows and more
Create shopping carts and calendars
Control cookies
Create reusable code with object oriented programming techniques
Understand the future of DOMScripting (DHTML)

Prerequisites:

Advanced Web Design: Layout, Forms, and Scripting

Follow-Ups:

Introduction to XML
Introduction to ColdFusion MX 7 for New Programmers
Fundamentals of ASP.NET using VB.NET and C#
Fundamentals of JavaServer Pages

Course duration

2 Days

Course outline

Timed Animation with CSS

Animation Steps
Phasing� Elements with the Clip Style
Event Handling
Clipping

JavaScript Effects

Fading
Page Loading
InnerHTML
Create Element, Append Child
Dragable Content
Shopping Carts
Calendars

DHTML Menus

Drop Down Menus
Menus without DHTML� and the future of Menus

DHTML with Data

Searching Data

Advanced Regular Expressions and Backreferences

Working with Backreferences
Inline Backreferences

Cookies

Cookies in JavaScript
Cookies Demonstration

Auto-Populating SELECT Lists

Appendix A: Color Values and Hexadecimal Triplets

Appendix B: DHTML in Various Browsers

Appendix C: Generating Status Bar Messages

The window�s status Property

Appendix E: Regular Expression References

Character Types and Ranges
Quantity Indicators
Location Indicators
Other Special Characters
Attributes/Modifiers

Appendix F: The future in AJAX: JavaScript and XML

A Survey of AJAX Libraries

Appendix G: Recommended Resources