GUI Components JavaScript DHTML




XML Ticker

.link{font-family:verdana,arial,helvetica; color:#003399; font-size:8pt; font-weight:bold}
.link:hover{font-family:verdana,arial,helvetica; color:#CC0000; font-size:8pt; font-weight:bold}
.link_xml{font-family:verdana,arial,helvetica; color:#003399; text-decoration:none; font-size:10pt; font-weight:bold}
.link_xml:hover{font-family:verdana,arial,helvetica; color:#FF9900; text-decoration:none; font-size:10pt; font-weight:bold}




XML Ticker






// XML Ticker JavaScript
// (c) 2002 Premshree Pillai
// http://www.qiksearch.com
// Use freely as long as all messages are as it is
// Location of script : http://www.qiksearch.com/javascripts/xml/ticker.htm
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
function loadXML(xmlFile)
{
 xmlDoc.async="false";
 xmlDoc.onreadystatechange=verify;
 xmlDoc.load(xmlFile);
 ticker=xmlDoc.documentElement;
}
function verify()

 if (xmlDoc.readyState != 4)
 { 
  return false; 
 }
}
loadXML('ticker_items.xml');
document.write('');
document.write('.ticker_style{font-family:' + ticker.childNodes(1).childNodes(0).getAttribute('font') + '; font-size:' + ticker.childNodes(1).childNodes(0).getAttribute('size') + '; color:' + ticker.childNodes(1).childNodes(0).getAttribute('color') + '; font-weight:' + ticker.childNodes(1).childNodes(0).getAttribute('weight') + '; text-decoration:' + ticker.childNodes(1).childNodes(0).getAttribute('decoration') + '}');
document.write('.ticker_style:hover{font-family:' + ticker.childNodes(1).childNodes(1).getAttribute('font') + '; font-size:' + ticker.childNodes(1).childNodes(1).getAttribute('size') + '; color:' + ticker.childNodes(1).childNodes(1).getAttribute('color') + '; font-weight:' + ticker.childNodes(1).childNodes(1).getAttribute('weight') + '; text-decoration:' + ticker.childNodes(1).childNodes(1).getAttribute('decoration') + '}
');
document.write('');
document.write('
');
var item_count=2;
var timeOutVal=(ticker.childNodes(0).getAttribute('timeout'))*1000;
var original_timeOutVal=timeOutVal;
var isPauseContent;
if(ticker.childNodes(0).getAttribute('pause')=="true")
{
 isPauseContent=' onmouseover="setDelay();" onmouseout="reset();"';
}
else
{
 isPauseContent='';
}
function setTicker()
{
 document.all.ticker_space.innerHTML='
' +  ticker.childNodes(item_count).firstChild.text + '
';
 if(item_count==ticker.childNodes.length-1)
 {
  item_count=2;
 }
 else
 {
  item_count++;
 }
 setTimeout("setTicker()",timeOutVal);
}
function setDelay()
{
 timeOutVal=10000000000000;
 item_count--;
}
function reset()
{
 timeOutVal=original_timeOutVal;
 setTicker();
}
setTicker();






This is an XML based JavaScript Ticker that can tick any number of messages. The ticker works with IE only. The ticker reads it's contents, i.e the ticker style, text to be displayed, the link for that particular message from a XML file. (Here ticker_items.xml). The structure of the XML document is as follows »





TICKER

 tickerstyle

 » pause = "true" / "false" :: "true" for pause onMouseOver
 » timeout = any integer :: The delay in seconds between different messages.
 » border = any integer :: Border width of Ticker
 » bordercolor = #HexColor :: The border color of Ticker
 » background = #HexColor :: Background color of Ticker
 » width = any integer :: Ticker width
 » height = any integer :: Ticker height
 tickerlinkstyle

  mouseout
  » font = "verdana,arial,helvetica....." :: Ticker link font
  » color = #HexColor :: Ticker link color
  » decoration = "none" / "underline" / "underline + overline" :: Ticker link style
  » weight = "normal" / "bold" :: Ticker link weight
  » size = 'any integer'pt :: Ticker link size
  mouseover
  » font = "verdana,arial,helvetica....." :: Ticker link font
  » color = #HexColor :: Ticker link color
  » decoration = "none" / "underline" / "underline + overline" :: Ticker link style
  » weight = "normal" / "bold" :: Ticker link weight
  » size = 'any integer'pt :: Ticker link size
 tickeritem

 » URL = A valid URL :: Ticker link URL
 » target = "_blank" / "_top" / "_self" / 'any other valid target name' :: Ticker link target



© 2002 Premshree Pillai. All rights reserved.