Pop-out Elements: Introduction - Doc JavaScript

Pop-out Elements

If you're using a fourth-generation browser, you probably noticed the blue tabs on the left side of this page. Go ahead and click them. Now click them again. In this column we'll show you how to create this effect, step by step.

Pop-out elements demonstrate the use of JavaScript and Dynamic HTML. We'll show you how to dynamically print positioned elements while the page is loading, and how to overcome various undocumented bugs. We'll also explain the theory of pop-out elements. Our pop-out elements work on Navigator 4.0x and Internet Explorer 4.0x. The script also accounts for older browsers, so it is backward compatible. So we've got a cross-browser, backward-compatible script. Wow! You'll learn:

1. How to define a pop-out element as an instance of an object.
2. How to define and use a pop-out element's properties.
3. How to position a pop-out element's tab.
4. How to position a pop-out element's box.
5. How to toggle a pop-out element's visibility status.
6. How to toggle a pop-out element's visibility.

For your convenience, you may also view the entire script.