News Ticker Javascript

From Ittichai Chammavanijakul's Wiki
Revision as of 05:12, 7 March 2011 by Ittichai (talk | contribs)
Jump to navigation Jump to search

Reference: http://www.mioplanet.com/rsc/newsticker_javascript.htm

  1. Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip.
  2. Unzip and upload only the webticker_lib.js to the Shared Components > Static Files of your application.
  3. Post the following codes in any HTML region.
<DIV ID="TICKER" STYLE="overflow:hidden; width:520px"  onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false">
    <span>10/10/2007 </span><a href="http://www.google.com">Google Search ...</a> 
    <span>10/10/2007 </span><a href="http://www.yahoo.com">Yahoo Search ...</a>
    <span>10/10/2007 </span><a href="http://www.apple.com">Apple ...</a>
</DIV>

<script type="text/javascript" src="#WORKSPACE_IMAGES#webticker_lib.js" language="javascript"></script>
  1. The DIV ID must be TICKER because that is being referred to in the Javascript. If you plan to change it, you have to do it in both places.
  2. Any text contents within the DIV tag will be displayed. Feel free to modify to suite your needs.
  3. The attributes of the ticker are in the JS script. The following are the default values.
TICKER_RIGHTTOLEFT = false;
TICKER_SPEED = 2;
TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
TICKER_PAUSED = false;