08/28/05

Scrolling Text Horizontally In A Box

C reate scrolling text in a box. If you simply MUST have scrolling text....This is just another way of expressing the scroll. We do have another scrolling text box that scrolls vertically as opposed to this one going horizontally.
Vertical Scrolling Text Box ] ~ IE Only ~

W e have tested the code in IE6.0, Firefox1.0.6, Opera8.02 and Netscape7.02 and Netscape8.0.3.3. This script itself worked well in all platforms with one notable exception in all platforms except Opera8.02.

T he exception being that no matter where you placed this effect, it would not allow you to scroll to the point that it is not visible*. If you have a page of some length and the scroll is at the top, you could not scroll to the bottom of the page. If you placed this effect at the bottom of the page, once you got there, it would not allow you to go up to the top of the page again where this effect would not be visible. The only work around we have come up with is to have your page in a <frameset> and have this effect on a page of its own within the frameset. This is how our example is setup for our tutorial. If you woulds like to see how this effect reacts when not placed within a <frameset>, grab the below link and you are there.
Effect Not Within A Frameset ]

* Exception to this would be if you would use the automatic scrolling feature.

D epending on your knowledge of HTML and javascripts, this is an easy one part copy and paste code that goes in the <BODY> section of your document wherever you want this effect to appear. The script is very highly commented and explained extemely well. The code itself is presented as a complete HTML document and you need to remove the parts of the code that do not pertain to the effect itself. In other words the only parts that you need to copy and paste are included between the below two parts as we have marked:

If you must have scrolling text, this is probably as good a way as any to show it.

<!---------- Start Script Here ---------->

<script language="JavaScript">
<!-- start javascript ---

And everything between the above and below points

document.write("<P></FORM></DIV>");
// --- end javascript -->
</script>

<!---------- End Script Here ---------->