DHTML - JavaScript Fullpage Background Ticker Code v2.1

DHTML - JavaScript Fullpage Background Ticker Code v2.1
This smart background ticker uses the full width of the web page to display your messages. Add as many messages as you like. Easy configuration of messages, speed and font attributes (such as font color, font family, font size, font weight and more). Full effect for IE5x/6x, Opera 7x and NS4. Standard text-rotating for NS6x/7x.

Brought to you by www.fabulant.com

Configuration:

Step 1: Open your web page that will display your JavaScript background ticker code. Use a simple text editor (NotePad or WordPad). Insert the following code right below the <body>-tag:

// IMPORTANT: 
// If you add this script to a script-library or a script-archive 
// you have to insert a link to http://www.fabulant.com right into the webpage where the script
// will be displayed.

// Set your messages. You may add as many messages as you like.
var message=new Array()
message[0]="WEB SPEED: test the speed of your browser and CPU."
message[1]="WEB ANIMATOR: create more than 20 text effects in minutes."
message[2]="WEB GUESTMAP: test more than 100 free guestmaps."

// Set font-family of the text
var fnt="Arial"

// Set font-size of the text (CSS-values)
var fntsize=64

// Set font-color of the text
var fntcolor="#CCCCCC"

// Set font-color of the last letter of the ticker
var fntcolorlastletter="#666666"

// Set font-weight. Set a value between 1 to 9 to adjust the boldness
var fntweight=7

// Set standstill between the messages (seconds)
var standstill=2

// Set speed (higher=slower)
var speed=80

// the top-position of the ticker (distance to the border on top, pixels)
var topposition=50

// the left-position of the ticker (distance to the border on the left, pixels)
var leftposition=20

// Do not edit the variables below
var tickerwidth
var tickerheight
var i_substring=0
var i_presubstring=0
var i_message=0
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100
standstill*=1000

var browserinfos=navigator.userAgent 
var ie4=document.all&&!document.getElementById&&!browserinfos.match(/Opera/)
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns4=document.layers
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/)  
var browserok=ie4||ie5||ns4||ns6||opera

for (i=0;i<=message.length-1;i++) {
	message[i]=message[i]+" "
}

function initiateticker() {
	if (ie4) {	
		tickerheight=document.body.clientHeight-5
    	tickerwidth=document.body.clientWidth-5
		document.all.ticker.style.posLeft=leftposition
		document.all.ticker.style.posTop=topposition
		showticker()
	}
	if (ie5 || opera) {	
		tickerheight=document.body.clientHeight-5
    	tickerwidth=document.body.clientWidth-5
		document.getElementById('ticker').style.left=leftposition
		document.getElementById('ticker').style.top=topposition
		showticker()
	}
	if (ns4) {
		tickerheight=window.innerHeight-10
    	tickerwidth=window.innerWidth-10
		document.ticker.left=leftposition
		document.ticker.top=topposition
		showticker()
	}
	if (ns6) {
		tickerheight=window.innerHeight-10
    	tickerwidth=window.innerWidth-10
		document.getElementById('ticker').style.left=leftposition
		document.getElementById('ticker').style.top=topposition
		getmessagecontentNS6()
	}
}

function getmessagecontent() {
	messagepresubstring=message[i_message].substring(0,i_presubstring)
	messageaftersubstring=message[i_message].substring(i_presubstring,i_substring)
	messagecontent="<table border=0 width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
	messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"	
	messagecontent+="<font color='"+fntcolor+"'>"
	messagecontent+=messagepresubstring
	messagecontent+="</font>"
	messagecontent+="</span>"
	messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:900'>"	
	messagecontent+="<font color='"+fntcolorlastletter+"'>"
	messagecontent+=messageaftersubstring
	messagecontent+="</font>"
	messagecontent+="</span>"
	messagecontent+="</td></tr></table>"
}

function getmessagecontentNS6() {
	messagecontent="<table border=0 width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
	messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"	
	messagecontent+="<font color='"+fntcolor+"'>"
	messagecontent+=message[i_message]
	messagecontent+="</font>"
	messagecontent+="</span>"
	messagecontent+="</td></tr></table>"
	showtickerNS6()
}

function showticker() {
	if (i_substring<=message[i_message].length-1) {
			i_substring++
			i_presubstring=i_substring-1
			if (i_presubstring<0) {i_presubstring00}
			getmessagecontent()
		if (ie4) {
			ticker.innerHTML=messagecontent
			var timer=setTimeout("showticker()", speed)
		}
		if (ie5 || opera) {
			document.getElementById('ticker').innerHTML=messagecontent
			var timer=setTimeout("showticker()", speed)
		}

if (ns4) {
			document.ticker.document.write(messagecontent)
			document.ticker.document.close()
			var timer=setTimeout("showticker()", speed)
		}
	}
	else {
		clearTimeout(timer)
		var timer=setTimeout("changemessage()", standstill)
	}
}

function showtickerNS6() {
	document.getElementById('ticker').innerHTML=messagecontent
	i_message++
	if (i_message>message.length-1) {i_message=0}
	var timer=setTimeout("getmessagecontentNS6()", 2*standstill)
}

function changemessage() {
	i_substring=0
	i_presubstring=0
	i_message++
	if (i_message>message.length-1) {
		i_message=0
	}
	showticker()
}
if (browserok) {window.onload=initiateticker}
</script>
<DIV ID="ticker" style="position:absolute"></DIV>
<DIV ID="do_not_delete_this" style="position:absolute">

Step 2: Go to the top of the script and configure messages, font attributes, colors, size and border.