Background Ticker

<HTML>
<HEAD>
<TITLE> Background Ticker </TITLE>
</HEAD>

<Script Language="JavaScript">
<!--
var message=new Array()
message[0]="Message: test your skills at the Arcade."
message[1]="Message: get your free DHTML / Javascript source codes at \"Open Source Codes!\""
message[2]="Message: find mental and spiritual peace at \"Find Peace Here\""

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

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

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

// 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>

</body>
</HTML>

Back to Main Menu