Multiple Message Vertical Scroller with Recall Option V7.0

Multiple Message Vertical Scroller v7.0 ***** 4 STEPS below to follow

DEMO runs an exact copy of the script's boxes below - See Source: DEMO starts ... DEMO ends.
Use 'Select' to copy each portion and follow the steps indicated when implementing the script.
Using External files: employ specified HTML lines and create files with boxes code as indicated.

<*link rel="stylesheet" type="text/css" href="myvsstyle.css" />
Step I. STYLE SHEETS - Use HTML line above only if you set an External file (remove *)

/* external file "myvsstyle.css" begins */
A { text-decoration:none;}
A:link { color: blue }
A:visited { color: blue }
A:hover { color: red }
 .tabmsg { font-size:12px; text-align:center; font-family: "Arial", "Helvetica", sans-serif; color:navy;}
 .stileupdn {font-weight:bold; font-size:8px; font-family: "Arial", "Helvetica, sans-serif"; text-align:center; color:blue;}
 .stileret {font-size:8px; font-family: "Arial", "Helvetica", sans-serif;}
/* end of external file "myvsstyle.css" */

</style>

<*script language="javascript" type="text/javascript" src="myvsparmsg.txt"><*/script>
Step II. PARAMETERS & MESSAGES - Use HTML line above only if you set an External file (remove both *)
Make sure the path of file myvsparmsg.txt is set right, a proper URL for the file must be filled in, that is.
If your page has other javascript code before this, make sure you already closed it with <*/script>, or
if you have any javascript code after, make sure to have it start with: <*script language="javascript">
========== Below is the main part to cut&paste and where your own values to be set ==========

<script language="javascript">

/* external file "myvsparmsg.txt" begins */
// begin: Vertical Scroller's Parameters

//PATTERN: How many messages may RESIDE within scrolling area while PAUSING: 
//0 for SINGLE, only one RESIDES within area while PAUSING;
//1 for MORE, as many as they fit RESIDE in the area while PAUSING; 
//Should one choose  below to set msgnr=1 (MORE), a blank space
//will automatically be inserted after each and every message;
//"stileret" would set the vertical size for this blank space, see STEP I above;
var msgnr=0;
if(msgnr==1){
var retclass='class="stileret"';
}

//If msgnr=0 for PATTERN SINGLE was chosen above and you want that any
//mesage smaller than area NOT to be CELL-CENTERED, set below value 0:
var celcen=1;

//1: FIRST message shows up right at top edge (or cell-centered) and pauses;
//If First message is to show up at bottom edge and starts scrolling, set below value 0:
var udopt=1;

//WIDTH of the Scroller in pixels: set to your own;
//"px" unit will automatically be set in the process, so do not write "px";
var mwidth=200;

//HEIGHT of the Scroller in pixels: set to your own; 
//"px" unit will automatically be set in the process, so do not write "px";
//larger Messages (exceeding height) will slide OK anyway, but
//the exceeding height won't show up on option Instant Recall if chosen!
var mheight=100;

//BACKGROUND: either color(1) or image(2, see below) ;
//1.Background color: could be like: "#ffff00" or "yellow";
//set it "" for no background color;
var mcolor="aqua";

//or 2.Background image: "imagename.ext";
//leave it "" for no image background;
var mbground="";

//BORDER for scrolling area: 1, ... ;
//set it 0(zero) for no border;
var mborder=1;

//SPEED in pixels: the higher the faster - set your own!
var mspeed=1;

//PAUSE between messages in milliseconds: 1000=1s; set to your own; 
var mpause = 2000;

//Live speed-change option: 0 (not desired) or 1 (desired);
//"stileupdn" would be the STYLE (CSS), see STEP I above;
//celcolor would set background color
var lsopt = 0;
if(lsopt==1){
var vesclass='class="stileupdn"';
var celcolor='#ccffcc';
}

//Recall Option: 
//Let it be 0 if not desired and the scroll will go on;
//set it 1 if desired: after a complete cycle the scroll stops
//and you may recall randomly any Message/Image;  
var rcopt=0;
if(rcopt==1){
var cbtxt = new Array();
//MUST BE as many TEXTs as the number of Messages/Images;
//Set your own TEXTs, like Messages Title or what you have in there: 
//cbtxt = ["1-TITLE", "2-Features", "3-Recall Option", "4-Other Possibilities", "5-Check"];
cbtxt=[];
}
//end Parameters 
//===

// begin: Vertical Scroller's Messages/Images -

//Messages: as many as you'd like: set to your own; 
//Every message MUST be set as a continuous string within '...';
//you may split it by using '+ at ends and then ' at continuations;
//Inside any message you MUST use \' in lieu of ' if need be!
//Use of " " or " " for row control inside any message is recommended;
//Images stand alone or used within a message - preload is recommended:
//preloadname = new Image();
//preloadname.src = "imagename.ext";
//slmg[..]='< ... ><img ... src='+preloadname.src+' /><...>';

var slmg=new Array();
slmg[0]='I. Vertical Scroller with Recall.'+
' Pauses every message & with mouse over.'+
' Use any basic HTML.';
slmg[1]='II. Scroller\'s Features.'+
' Speed, Size, Pause, Background'+
' - color or image - are adjustable.';
slmg[2]='III.Instant Recall.'+
' One may recall any message instantaneously'+
' if Description Texts have been filled in,'+
' else the scroll will go on cycling.';
slmg[3]='IV. Other Possibilities.'+
' If option msgnr=1 (more-up-to-area-size), a blank space size'+
' at your choice is inserted after each and every message.'+
' Recommended for large scrollers.'+
' If msgnr=0 (single) blank space is inserted'+
' only if text exceeded scrolling area.';
slmg[4]='V. HyperLink'+
' <a class="tabmsg" target="a_new" href="http://vbarsan.com/">Scrollers Site Map</a>';
// ...
//slmg[...]='...';
//end Messages 
/* end of external_remote file "myvsparmsg.txt" */

</script>

Step III. Within the openning body Tag itself set event handler: onload="vsscrollstart();"

Step IV. <*script language="javascript" type="text/javascript" src="myvsbody.js"><*/script>

Place the above HTML line within the page's body right where the scroller is to appear (remove both *).
*** File "mybcbody.js" is in yourpackage.zip - place it in your working/web space & make sure the link in src="..." above is set right ***

Note. You may use on your page any DOCTYPE, either Standards compliant mode or Quirks mode
Copyright © 2002-2011. All rights reserved. Multiple Message Vertical Scroller v7.0 is owned by its author: Vasile Barsan