/******************************************************************************
* scroller.js *
* *
* Copyright 1999 by Mike Hall. *
* Visit http://www.dynamicdrive.com *
* Last update: July 21st, '02 by Dynamic Drive for NS6 functionality. *
* *
* Allows you to create scrolling displays on a page. Multiple scrollers can *
* be defined, each with it's own parameters and list of items. Item text can *
* include basic HTML tags, including links and images. *
* Note: requires dhtmllib.js. *
******************************************************************************/
//*****************************************************************************
// Scroller constructor.
//*****************************************************************************
function Scroller(x, y, width, height, border, padding) {
this.x = x;
this.y = y;
this.width = width;
this.height = height;
this.border = border;
this.padding = padding;
this.items = new Array();
this.created = false;
// Set default colors.
this.fgColor = "#000000";
this.bgColor = "#ffffff";
this.bdColor = "#000000";
// Set default font.
this.fontFace = "Arial,Helvetica";
this.fontSize = "2";
// Set default scroll timing values.
this.speed = 200;
this.pauseTime = 2000;
// Define methods.
this.setColors = scrollerSetColors;
this.setFont = scrollerSetFont;
this.setSpeed = scrollerSetSpeed;
this.setPause = scrollersetPause;
this.addItem = scrollerAddItem;
this.create = scrollerCreate;
this.show = scrollerShow;
this.hide = scrollerHide;
this.moveTo = scrollerMoveTo;
this.moveBy = scrollerMoveBy;
this.getzIndex = scrollerGetzIndex;
this.setzIndex = scrollerSetzIndex;
this.stop = scrollerStop;
this.start = scrollerStart;
}
//*****************************************************************************
// Scroller methods.
//*****************************************************************************
function scrollerSetColors(fgcolor, bgcolor, bdcolor) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.fgColor = fgcolor;
this.bgColor = bgcolor;
this.bdColor = bdcolor;
}
function scrollerSetFont(face, size) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.fontFace = face;
this.fontSize = size;
}
function scrollerSetSpeed(pps) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.speed = pps;
}
function scrollersetPause(ms) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.pauseTime = ms;
}
function scrollerAddItem(str) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.items[this.items.length] = str;
}
function scrollerCreate() {
var start, end;
var str;
var i, j;
var x, y;
if (!isMinNS4 && !ie && !dom)
return;
// On first scroller, start interval timer.
if (scrollerList.length == 0)
setInterval('scrollerGo()', scrollerInterval);
// Create the scroller only once.
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.created = true;
// Copy first item to the end of the list, this lets us scroll from the last
// defined item to the first without jumping.
this.items[this.items.length] = this.items[0];
// Set up HTML code for item text.
start = '
'
+ '
'
+ '';
end = '
';
// Build the layers.
if (isMinNS4) {
this.baseLayer = new Layer(this.width);
this.scrollLayer = new Layer(this.width, this.baseLayer);
this.scrollLayer.visibility = "inherit";
this.itemLayers = new Array();
for (i = 0; i < this.items.length; i++) {
this.itemLayers[i] = new Layer(this.width, this.scrollLayer);
this.itemLayers[i].document.open();
this.itemLayers[i].document.writeln(start + this.items[i] + end);
this.itemLayers[i].document.close();
this.itemLayers[i].visibility = "inherit";
}
// Set background colors.
setBgColor(this.baseLayer, this.bdColor);
setBgColor(this.scrollLayer, this.bgColor);
}
if (ie||dom) {
i = scrollerList.length;
str = '