PageWriter! MultiLine Typing Text

PageWriter! MultiLine Text

PageWriter 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">
<!--
/*              PageWriter MultiLine text display
This script displays multiple lines of text on the page for newer 
browsers or in a 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="PageWrite()" 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] = "Isn't this easier to read than 'sideways' scrollers?";
ScreenLine[2] = " ";
ScreenLine[3] = "With PageWriter! you can display more than one text line,";
ScreenLine[4] = "including 'blank' lines.";
ScreenLine[5] = " ";
ScreenLine[6] = "Instructions for use can be found within the script. ";
ScreenLine[7] = " ";
ScreenLine[8] = "Aren't you glad your browser has JavaScript (JScript) power?";
ScreenLine[9] = "Enjoy!.... ";
/*
To change or add lines, just replace values of or add to ScreenLine[n]
above.  Set msgCnt to number of lines. Use \" in the message text for quotes.
*/
var msgNum = 1;			// set to first message to display
var msgCnt = 9;			// set to number of last ScreenLine to display.
var typeSpeed = 50;		// the typing rate in milliseconds (higher number type more slowly)
var lineDelay = 2000;		// the delay time at end of line. (unless the line is a single space)
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 sTag="<DIV id='PgWriteId'>"
var eTag="<\/DIV>"
var delay = typeSpeed;     
var linPntr = 0;
var tally = 1;
var outMsg = "";
var i = 0;
var Lth=0
var x,p,msg,DispMsg
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() {
 if (msg.indexOf(cr)!=-1&&msg.substring(i,i+cr.length)==cr){
  outMsg+=cr;
  i+=cr.length
 }
 if (msg.length <= i) {
  ChangeMsg();
 }
 outMsg += msg.charAt(i);
 DispMsg="<p class='PgWrite'><nobr>"+outMsg+"<\/nobr><\/p>"
 if (Lvl>2){
  eval("document.getElementById('pw"+pagLen+"').firstChild.replaceData(i,Lth,msg.charAt(i))")
 }
 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()
 }
 i++; 
 if (msg == " "+cr) {
  delay = typeSpeed;
 }
 else if (msg.length<=i){
  delay=lineDelay
 }
 else if (msg.indexOf(cr) != i) {
  delay = typeSpeed;
 }
 else {
  delay = lineDelay;
 }
 setTimeout("DisplayMsg()",delay);
}

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

function chgPage() {
 if (msgNum < pagLen) {
  linPntr = msgCnt - pagLen + msgNum + 1;
 }
 else {
  linPntr = msgNum - (pagLen - 1);
 }
 outMsg =   ScreenLine[linPntr];
 if (Lvl>2) document.getElementById('pw1').firstChild.replaceData(0,Lth,ScreenLine[linPntr])
 for (p = 1; p < (pagLen - 1); p++) {
  linPntr++;
  if (msgCnt < linPntr) linPntr = 1;
  if (Lvl>2) eval("document.getElementById('pw"+(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='PgWriteId'><layer id='PgWrite' left=0 top=0 width="+Wdth+" height="+Hgt+">"
  eTag="<\/layer><\/ilayer>"
  document.classes.PgWrite.all.fontFamily=classfntfam;
  document.classes.PgWrite.all.fontSize=classfntsize;
  document.classes.PgWrite.all.fontWeight=classfntwgt;
 }
 else if (Lvl==2){
  document.styleSheets['id4css'].addRule ('body', 'overflow:scroll;')
  document.styleSheets['id4css'].addRule ('#PgWriteId', 'position:absolute;')
  document.styleSheets['id4css'].addRule ('.PgWrite', 'font-family:'+classfntfam)
  document.styleSheets['id4css'].addRule ('.PgWrite', 'font-size:'+classfntsize)
  document.styleSheets['id4css'].addRule ('.PgWrite', 'font-weight:'+classfntwgt)
 }
 document.writeln(sTag+eTag)
 if (Lvl>1) {
 for (x = 1; x<=(pagLen); x++) {
  document.write("<span id='pw"+x+"' class='PgWrite'> <br><\/span>")
 }
 }
 layur =(Lvl==2?document.all.PgWriteId:(Lvl==3?document.getElementById('PgWrite'):(Lvl==1?document.PgWriteId.document.PgWrite:'')));
}
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 PageWrite(){
if (Lvl>2){
 for (x = 1; x<=(pagLen); x++) {
 eval("document.getElementById('pw"+x+"').style.fontFamily=classfntfam")
 eval("document.getElementById('pw"+x+"').style.fontSize=classfntsize")
 eval("document.getElementById('pw"+x+"').style.fontWeight=classfntwgt")
 }
}
if (Lvl==1){
 strtWidth = self.innerWidth;
 strtHeight = self.innerHeight;
 self.onresize=NNlode
}  
i=0
DisplayMsg()
}
// -->
</script>