Scrolling HTML Basics, Part II: Internet Explorer Version - www.docjavascript.com

Scrolling HTML Basics, Part II: Internet Explorer Version

This column is the second in our series on scrolling HTML. Scrolling HTML is an efficient way to display more information in a given area than static HTML does. As you have probably noticed from your Web surfing, scrolling HTML (a scroll box) is often used in displaying up-to-the-minute headlines, sports event scores, and weather information. The most popular scroller is perhaps the CNN's NYSE ticker. A TV viewer can get a glimpse of all NYSE values through a single scrolling line across the TV monitor.

In this column we show you how to implement scrolling HTML in Internet Explorer. The Explorer code is slightly more difficult than that for Netscape Navigator. We'll pinpoint the reasons for that later in this column. The main reason is that, as oppose to Netscape Navigator, you cannot assign a URL to a Dynamic HTML element in Internet Explorer.

In this column you'll learn:

• How to devise a scrolling algorithm.
• How to load a URL into a Dynamic HTML element.
• How to position a DIV element within another DIV element.
• How to scroll the box.
• How to stop the box and release it with the mouse.
• How to workaround Internet Explorer's problems.
• How to prepare the input file (feed).
• How to position a scroll box.

At this point, you may also view the code for the Scroll Box, as well as download the zipped version.