PageScroller! MultiLine Typing Text

PageScroller! MultiLine Text

PageScroller is compatible with most browsers, including Opera , HotJava , WebTV , and all JavaScript capable versions of Netscape Navigator and Internet Explorer.
Note: You may use the JavaScript source code on your own personal web page provided that the copyright information remains in the source code.
To save the script, Select/Highlight the text in the textarea below. From the menu bar select Edit then Copy. Using a text editor, Paste the copied script into a document and save. To use the script, insert it where you want your text to appear, following the instructions contained within the script.
<script language="JavaScript">
<!--
/*              PageScroller MultiLine text display
This script displays multiple lines of text on the page for newer 
browsers or in the TEXTAREA with older browsers.

You may use the JavaScript source code on your own personal web page 
provided that the copyright information remains in the source code. 

To use the script:

    1. Put the script where you want the text to appear in the document. 

    2. Change the ScreenLine values as described below.

    3. Add onLoad="PageScroll()" to the BODY tag.

Copyright (c) by: Robert N Bovara All Rights Reserved.
*/
var agnt=navigator.userAgent.toLowerCase()
var opera=(agnt.indexOf("opera") != -1)
var webTV=(agnt.indexOf("webtv") != -1)
var hotjava=(agnt.indexOf("hotjava") != -1)
var layersok=(document.layers&&!hotjava)
var doc_all=(document.all&&!webTV)
var itsa5=(document.getElementById&&parseInt(navigator.appVersion)>=5) ? true : false;
var Lvl=(opera?0:(doc_all?2:(itsa5?3:(layersok?1:0))));
function AraVob() { }
var ScreenLine = new AraVob();
ScreenLine[1]  = "You can use PageScroller! to display multiple lines of text,";
ScreenLine[2]  = "including 'blank' lines.";
ScreenLine[3]  = " ";
ScreenLine[4] = "Navigator 2, Internet Explorer 3, WebTV, Opera, etc... ";
ScreenLine[5] = "permit you to display text in a TEXT form or TEXTAREA.";
ScreenLine[6] = " ";
ScreenLine[7] = "With version 4 and higher of Internet Explorer and Navigator....";
ScreenLine[8] = "you can also manipulate text directly on a page or frame.";
ScreenLine[9]  = " ";
ScreenLine[10] = "Instructions for use can be found within the script.";
ScreenLine[11] = " ";
ScreenLine[12] = "Aren't you glad your browser has JavaScript (JScript) power?";
ScreenLine[13] = "Enjoy!.... ";
var msgCnt = 13;		// set to number of last ScreenLine to display.
/*
To change or add lines, just replace values of or add to ScreenLine[n]
above. Set msgCnt to number of lines.
*/
var msgNum = 1;			// set to first message to display
var pageDelay=2000		// the display rate in milliseconds (higher number is slower)
var pagLen = 6;			// number of lines per page (usually the number of rows in the TEXTAREA)   
var classfntsize="10"		// font-size for scripted text	
var classfntfam="arial,helvetica,sans-serif"	//font-family
var classfntwgt=600		// font-weight

var id4css="jsid4PageScroller"
var id4layer="PageScrollId"
var id4class="pscroll"
var sTag="<DIV id='"+id4layer+"'>"
var eTag="<\/DIV>"
var typeSpeed = 60;
var delay = typeSpeed;     
var linPntr = 0;
var tally = 1;
var msg = "";
var outMsg = "";
var DispMsg = "";
var i = 0;
var Lth=0
var cr="\n"
if (Lvl>2) cr=""
else if (Lvl>0) cr="<br>"
else if (navigator.appVersion.lastIndexOf('Win') != -1) cr ="\r\n"

function DisplayMsg() {
 ChangeMsg();
 outMsg += msg;
 DispMsg="<span class='"+id4class+"'><nobr>"+outMsg+"<\/nobr><\/span>"
 if (Lvl>2){
  eval("document.getElementById('ps"+pagLen+"').firstChild.replaceData(0,Lth,ScreenLine[msgNum])  ")
 }
 else if (Lvl==2) {
  layur.innerHTML=DispMsg
 }
 else if (Lvl==0){
  self.document.forms[0].elements[0].value=outMsg;
 }
 else if (self.innerWidth != strtWidth) {
  window.location.reload()
 }
 else {
  layur.document.write(DispMsg)
  layur.document.close()
 }
 if (msgNum <= pagLen) {
  delay = typeSpeed;
 }
 else {
  delay = pageDelay;
 }
 setTimeout("DisplayMsg()",delay);
}

function ChangeMsg() {
 msgNum++;
 if (msgCnt < msgNum) {
  msgNum = 1;
 }
 if (pagLen <= tally) {
  chgPage();
 }
 else tally++;
 msg = ScreenLine[msgNum];
}

function chgPage() {
 if (msgNum < pagLen) {
  linPntr = msgCnt - pagLen + msgNum + 1;
 }
 else {
  linPntr = msgNum - (pagLen - 1);
 }
 if (Lvl>2) eval("document.getElementById('ps1').firstChild.replaceData(0,Lth,ScreenLine[linPntr])  ")
 outMsg =   ScreenLine[linPntr];
 for (p = 1; p < (pagLen - 1); p++) {
  linPntr++;
  if (msgCnt < linPntr) linPntr = 1;
  if (Lvl>2) eval("document.getElementById('ps"+(p+1)+"').firstChild.replaceData(0,Lth,ScreenLine[linPntr])  ")
  outMsg += ScreenLine[linPntr];
 } 
}

function NNlode(){
 if (self.innerWidth!= strtWidth||self.innerHeight!=strtHeight) {
  window.location.reload()
 }
}

// set up ScreenLines for display
for (x = msgCnt; 1 <= x; x--) {
 ScreenLine[x+pagLen] = ScreenLine[x] + cr;
 if (ScreenLine[x].length>Lth) Lth=ScreenLine[x].length
}
for (x = 1; x <= (pagLen); x++) {
 ScreenLine[x] = " "+ cr
}
msgCnt +=  pagLen;
msg = ScreenLine[1];
// setup
if (Lvl>0) {
 if (screen.width < 700) {classfntsize="8";}
 if (screen.width > 800) {classfntsize="14";}
 if (classfntsize>10) classfntwgt=500
 var Hgt=classfntsize*pagLen*2
 var Wdth=classfntsize*Lth
 classfntsize+="pt"
 document.writeln("<STYLE ID='"+id4css+"' TYPE='text\/css'><\/style>")
 if (Lvl==1) {
  sTag="<ilayer id='"+id4layer+"'><layer id='"+id4class+"' left=0 top=0 width="+Wdth+" height="+Hgt+">"
  eTag="<\/layer><\/ilayer>"
  eval("document.classes."+id4class+".all.fontFamily=classfntfam;")
  eval("document.classes."+id4class+".all.fontSize=classfntsize;")
  eval("document.classes."+id4class+".all.fontWeight=classfntwgt;")
 }
 else if (Lvl==2){
  eval("document.styleSheets['"+id4css+"'].addRule ('body', 'overflow:scroll;')")
  eval("document.styleSheets['"+id4css+"'].addRule ('#'+id4layer, 'position:absolute;')")
  eval("document.styleSheets['"+id4css+"'].addRule ('.'+id4class, 'font-family:'+classfntfam)")
  eval("document.styleSheets['"+id4css+"'].addRule ('.'+id4class, 'font-size:'+classfntsize)")
  eval("document.styleSheets['"+id4css+"'].addRule ('.'+id4class, 'font-weight:'+classfntwgt)")
 }
 document.writeln(sTag+eTag)
 if (Lvl>1) {
 for (x = 1; x<=(pagLen); x++) {
  document.write("<span id='ps"+x+"' class='"+id4class+"'> <br><\/span>")
 }
 }
 eval("layur =(Lvl==2?document.all."+id4layer+":(Lvl==3?document.getElementById('"+id4class+"'):(Lvl==1?document."+id4layer+".document."+id4class+":'')));")
}
else{
 var formtxt=""
 formtxt="<p><center><form name= 'msgform' action=' '>"
 formtxt+="<textarea cols=74 rows=7 name='messag1'"
 formtxt+=" usestyle bgcolor='#fffff0' readonly>"
 formtxt+=" Power By JavaScript....<\/textarea><\/form><\/center>"
 formtxt+="<\/form><\/center><\/p>"
 document.write(formtxt)
}
// end setup

function PageScroll(){
 if (Lvl>2){
  for (x = 1; x<=(pagLen); x++) {
  eval("document.getElementById('ps"+x+"').style.fontFamily=classfntfam")
  eval("document.getElementById('ps"+x+"').style.fontSize=classfntsize")
  eval("document.getElementById('ps"+x+"').style.fontWeight=classfntwgt")
  }
 }
if (Lvl==1){
 strtWidth = self.innerWidth;
 strtHeight = self.innerHeight;
 self.onresize=NNlode
}  
DisplayMsg()
}
// -->
</script>