Part II - W3C DOM Table of Contents
We finish our look at using the W3C Document Object Model (DOM) recommendation to create an interactive, dynamic table of contents. We show how to use the DOM to enumerate all the headers in a document and build a working table of contents.
Our solution works in both Internet Explorer 5.0 and Netscape's Gecko Developer Preview demonstrating that real-world use of the W3C DOM recommendation is possible.
Add to Assistant
Focus on IE5 Behaviors
Behaviors are an exciting new feature of Internet Explorer 5.0. Our library
of behaviors demonstrate many techniques including how to create web-pages that are automatically
enhance in Internet Explorer 5.0 while not effecting existing browsers. Look for many more behaviors and Internet Explorer 5.0 techniques to be added over the next few weeks.
IE5 SuperScroller Behavior
We show you an IE5 behavior that overrides the built-in scrollbars. Our behavior demonstrates using XML to define the scrollbar widgets, dynamic expressions, mouse capturing and more. Since it is a designed as an IE5 behavior, it automatically is ignored by all other browsers.
Add to Assistant
IE5 Rubbery Text Behaviors
Converting your DHTML scripts to behaviors is often extremely simple. In this article, we show you how we converted two of our original text effects scripts from way back in 1997 into two new IE5 Behaviors.
See the behaviors that expand your text from a single point and our elastic text behavior that makes your text grow and shrink.
Add to Assistant
Positioning with IE5 Expressions
Internet Explorer 5.0 allows you to set any CSS property or HTML attribute to an expression that gets automatically evaluated.
See how we use this feature to position elements anywhere in your window and download our latest IE5 behavior.
Add to Assistant
Hover Behavior
We demonstrate compound class-names and Internet Explorer 5.0 behaviors to add CSS hover effects to any element in your page. This behavior is extremely simple and automatically degrades in other browsers.
Add to Assistant
Image Transition Behavior
Automatically create a transition between every time you change an image src through script.
By using an IE5 Behavior, this technique degrades to a standard image exchange in existing browsers. All this without requiring any special browser detection.
Add to Assistant
Cool Rule Behavior
Based on our original cool rules technique we created an Internet Explorer 5.0 behavior that automatically enhances your horizontal rules. By using a behavior, this effect automatically degrades in existing browsers to display a standard HR element.
Add to Assistant
Cross-Browser Blink Element
It's time to pack up our bags and go home. We finally have taken the big step and made the Netscape BLINK element cross-browser. Now you can even drive your Internet Explorer users' crazy by creating lots of blinking text. Check out how we did it in this light-hearted article.
Add to Assistant
Puzzler Behavior
We converted our original puzzler wizard to an Internet Explorer 5.0 behavior. By using behaviors, converting images to sliding puzzles is so easy that the wizard is no longer necessary. In addition, the puzzle automatically degrades to the original image in existing browsers. Check it out!
Add to Assistant
Steve Gore's Behavior Library
Steve Gore's library of Internet Explorer 5.0 behaviors.
- move.htc - moving an object around the screen
- fade.htc - fading an object into a web page
- bubble.htc - hiding and showing an object
- type.htc - typing text into a web page
- switch.htc - rotate lists of text, images, or links
- over.htc - add hover text and borders to anchors, images, and elements
- float.htc - add a floating frame that stays at a fixed position on the screen
Add to Assistant
[More IE5 Resources]
