Chapter 9: Dynamic HTML
With Dynamic HTML, the object model greatly expands, encompassing almost every aspect of the page. Dynamic HTML also adds absolute positioning of HTML, a more powerful event model, and useful add-ons that allow you to play multichannel stereo sound among other things.
At the time of this book's publication, there was not yet a standard for the Dynamic HTML document object model. Because of this, the syntax discussed here is based on Microsoft's proposed object model as it appears in Internet Explorer 4. Netscape Navigator's object model, at least through version 4.0x, supports only two major aspects of Dynamic HTML: absolute positioning and a more powerful event model. Because of these differences, this chapter focuses mainly on IE's object model (which has a good chance of becoming the standard). Netscape's comparable features are described in a final section, "Netscape 4's object model," which shows how to use them.
Dynamic HTML and style sheets
Cascading style sheets and the Dynamic HTML object model are powerful partners. Style sheets give you more more control over the look and feel of your pages. Style sheets let you more accurately specify fonts, point sizes, and margin widths; they even allow you to position text and other objects at exact coordinates on the page.
I will grow.
I will grow.
Table 9-1 lists five common style-sheet-based properties that you can modify on the fly. Remember to use the correct syntax with these properties when controlling HTML elements: document. all. elementName. style.propertyName.
Style sheets in depth
We'll begin by creating a style sheet with styles named on and off. These will contain the text styles for the active and inactive links. Figure 9-2 shows the HTML for this page....