TopXML JavaScript library : JavaScript Ticker (using Tabular Data Control)

Home Page

Add/Edit your code items

Search the code library

Browse for the code library

JavaScript
JavaScript
JavaScript Contents
-postfix.aspx>Infix <> Postfix
Nested Tables And Data Island
XML Data Traversal
TrimWhiteSpace
Two Tier Data Islands with Expanding/Collapsing Child elements.
Escape special characters using JavaScript and regular expressions
Sticky Table Headers
Dynamically Filling HTML Select Box from XML Data Island using Javascript.
XML Basics Handbook

LAMP >>
-postfix.aspx> Infix <> Postfix

By	Premshree Pillai
First Posted	09/05/2002
Times viewed	367

JavaScript Ticker (using Tabular Data Control)

This post contains attachments
v20020905022154.zip

Summary This JavaScript Ticker is an example of "Data Binding" using "Tabular Data Control (TDC)" which is a Microsoft ActiveX control built in to Internet Explorer.

This JavaScript Ticker is an example of "Data Binding" using "Tabular Data Control (TDC)" which is a Microsoft ActiveX control built in to Internet Explorer. To include this ActiveX control, you must use the tag with CLASSID as "CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83".

Additional information
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>JavaScript Ticker (using Tabular Data Control)</title>  <style type="text/css"> .tickerStyle{font-family:verdana,arial,helvetica; color:#666699; font-weight:bold; font-size:8pt; background:#EEEEFF; border-right:#666699 solid 2px; border-left:#666699 solid 1px; border-top:#666699 solid 1px; border-bottom:#666699 solid 2px; padding:3px; width:400px; text-align:center; text-decoration:none} .tickerStyle:hover{font-family:verdana,arial,helvetica; color:#666699; font-weight:bold; font-size:8pt; background:#DDDDEE; border-right:#666699 solid 1px; border-left:#666699 solid 2px; border-top:#666699 solid 2px; border-bottom:#666699 solid 1px; padding:3px; width:400px; text-align:center; text-decoration:none} </style>   <script language="JavaScript"> // JavaScript Ticker // - using Tabular Data Control // (c) 2002 Premshree Pillai // http://www.qiksearch.com // qiksearch@rediffmail.com function TDC_Ticker(objName, divName, counter, maxMsgs, timeOut) { try { eval('tickerSet=' + objName + '.recordset'); if(!tickerSet.EOF && counter<maxMsgs-1) { tickerSet.MoveNext(); counter++; } else { counter=0; tickerSet.MoveFirst(); } setTimeout("TDC_Ticker('"+objName+"','"+divName+"','"+counter+"','"+maxMsgs+"','"+timeOut+"')", timeOut); } catch(e) { alert('This Ticker works with IE 5+ only.'); } } </script>  </head> <body bgcolor="#FFFFFF"> <center><span style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:19pt; color:#666699; filter:Shadow(direction=45, color=#9999CC); width:100%">JavaScript Ticker/nusing Tabular Data Control</span></center>/n  <center> <object id="ticker" classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DataURL" value="tickerData.txt"> <param name="UseHeader" value="TRUE"> <param name="TextQualifier" value="~"> <param name="FieldDelim" value="|"> </object> <a href="" datasrc="#ticker" datafld="messageURL" class="tickerStyle"> <span id="tickerDiv" datasrc="#ticker" datafld="message"></span> </a> <script language="JavaScript"> var tickerMaxMsgs=4; // Maximum Messages in the Data File var tickerCount=tickerMaxMsgs; new TDC_Ticker('ticker','tickerDiv',tickerCount,tickerMaxMsgs,2000); // Set the Ticker </script> </center>   <table width="400" align="center" cellspacing="0" cellpadding="0"><tr><td> <font face="verdana,arial,helvetica" size="-1" color="#000000"> /nThis JavaScript Ticker is an example of "Data Binding" using "Tabular Data Control (TDC)" which is a Microsoft ActiveX control built in to Internet Explorer./n/n To include this ActiveX control, you must use the <OBJECT> tag with CLASSID as /n"CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83". To include such a ticker, you must first place the following <STYLE> and JavaScript in the <HEAD> section :/n/n <textarea rows="5" cols="45" style="border:#000000 solid 1px; overflow:auto" onfocus="this.select()">  <style type="text/css"> .tickerStyle{font-family:verdana,arial,helvetica; color:#666699; font-weight:bold; font-size:8pt; background:#EEEEFF; border-right:#666699 solid 2px; border-left:#666699 solid 1px; border-top:#666699 solid 1px; border-bottom:#666699 solid 2px; padding:3px; width:400px; text-align:center; text-decoration:none} .tickerStyle:hover{font-family:verdana,arial,helvetica; color:#666699; font-weight:bold; font-size:8pt; background:#DDDDEE; border-right:#666699 solid 1px; border-left:#666699 solid 2px; border-top:#666699 solid 2px; border-bottom:#666699 solid 1px; padding:3px; width:400px; text-align:center; text-decoration:none} </style>   <script language="JavaScript"> // JavaScript Ticker // - using Tabular Data Control // (c) 2002 Premshree Pillai // http://www.qiksearch.com // qiksearch@rediffmail.com function TDC_Ticker(objName, divName, counter, maxMsgs, timeOut) { try { eval('tickerSet=' + objName + '.recordset'); if(!tickerSet.EOF && counter<maxMsgs-1) { tickerSet.MoveNext(); counter++; } else { counter=0; tickerSet.MoveFirst(); } setTimeout("TDC_Ticker('"+objName+"','"+divName+"','"+counter+"','"+maxMsgs+"','"+timeOut+"')", timeOut); } catch(e) { alert('This Ticker works with IE 5+ only.'); } } </script>  /n/nHere is the description of the arguments that the function TDC_Ticker() takes: /n/nobjName : The ID of the OBJECT where you include the TDC for that ticker. /ndivName : The ID of the element where the messages will tick. /ncounter : A counter that should be initialised to the max number of messages. /nmaxMsgs : The max number of messages in the data file. /ntimeOut : The delay (in milliseconds) between messages. /n/nNext, you must place the code for placing the ticker. For e.g, the code for placing the above ticker is :/n/n  <center> <object id="ticker" classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DataURL" value="tickerData.txt"> <param name="UseHeader" value="TRUE"> <param name="TextQualifier" value="~"> <param name="FieldDelim" value="|"> </object> <a href="" datasrc="#ticker" datafld="messageURL" class="tickerStyle"> <span id="tickerDiv" datasrc="#ticker" datafld="message"></span> </a> <script language="JavaScript"> var tickerMaxMsgs=4; // Maximum Messages in the Data File var tickerCount=tickerMaxMsgs; new TDC_Ticker('ticker','tickerDiv',tickerCount,tickerMaxMsgs,2000); // Set the Ticker </script> </center>  /n/nHere is the list of Parameters the <OBJECT> takes : /n/nDataURL : The path of the file that contains the data. /nUseHeader : This is always set to TRUE. /nTextQualifier : The character at the beginning and end of a message. /nFieldDelim : The Field Delimiter./n/n Click here to see the data file (tickerData.txt) used for the above ticker./n/n

Rate this article on a scale of 1 to 10 (1 votes, average 8)

Your vote :

LAMP >>
-postfix.aspx> Infix <> Postfix


Leave a comment for this article
Your name
Your email (optional)
Your comment
Optional: Upload an attachment
Enter the code shown:



	Recent Jobs An immediate job opportunity as a Biztal Software Developers Needed in Charlotte, Sr. Software Engineer - Analytics Immediate Mainframe openings for Chennai Immediate TANDEM-TAL openings for Chenna View all Jobs (Add yours) View all CV (Add yours)

	answering service conference calling swimming pool builder spfxmasks water softener Teleconference Host Department NOLIMIT Web Hosting MSN sunglasses

	Partners Dream.In.Code dotNet Slackers dotNet Spider Your HTML Source VisualBuilder.com DevGuru Planet Source Code ZVON.ORG Web Design ASPAlliance XML Pitstop Scripts The Spot 4 SAP Bitshop Web Hosting

Email TopXML