Please look at this javascript ticker. Why is it stuck in IE & Firefox?

Discussion in 'JavaScript' started by htart, Feb 13, 2007.

  1. #1
    I'm in the final stages of putting together a website, but I'm having a bit of trouble with a pre-made javascript ticker. It works fine in Safari, bit only jitters in Firefox and won't move at all in IE. Here's the page:

    www.haitiantimes.com/samplepage.html

    You can see the script on the page by looking at the source code.
    The .js file itself is below.
    Any help would be greatly appreciated!


    // WebTicker by Mioplanet
    // www.mioplanet.com

    TICKER_CONTENT = document.getElementById("TICKER").innerHTML;

    TICKER_RIGHTTOLEFT = false;
    TICKER_SPEED = 1;
    TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
    TICKER_PAUSED = false;

    ticker_start();

    function ticker_start() {
    var tickerSupported = false;
    TICKER_WIDTH = document.getElementById("TICKER").style.width;
    var img = "<img src=ticker_space.gif width="+TICKER_WIDTH+" height=0>";

    // Firefox
    if (navigator.userAgent.indexOf("Firefox")!=-1 || navigator.userAgent.indexOf("Safari")!=-1) {
    document.getElementById("TICKER").innerHTML = "<TABLE cellspacing='0' cellpadding='0' width='100%'><TR><TD nowrap='nowrap'>"+img+"<SPAN style='"+TICKER_STYLE+"' ID='TICKER_BODY' width='100%'>&nbsp;</SPAN>"+img+"</TD></TR></TABLE>";
    tickerSupported = true;
    }
    // IE
    if (navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Opera")==-1) {
    document.getElementById("TICKER").innerHTML = "<DIV nowrap='nowrap' style='width:100%;'>"+img+"<SPAN style='"+TICKER_STYLE+"' ID='TICKER_BODY' width='100%'></SPAN>"+img+"</DIV>";
    tickerSupported = true;
    }
    if(!tickerSupported) document.getElementById("TICKER").outerHTML = ""; else {
    document.getElementById("TICKER").scrollLeft = TICKER_RIGHTTOLEFT ? document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth : 0;
    document.getElementById("TICKER_BODY").innerHTML = TICKER_CONTENT;
    document.getElementById("TICKER").style.display="block";
    TICKER_tick();
    }
    }

    function TICKER_tick() {
    if(!TICKER_PAUSED) document.getElementById("TICKER").scrollLeft += TICKER_SPEED * (TICKER_RIGHTTOLEFT ? -1 : 1);
    if(TICKER_RIGHTTOLEFT && document.getElementById("TICKER").scrollLeft <= 0) document.getElementById("TICKER").scrollLeft = document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth;
    if(!TICKER_RIGHTTOLEFT && document.getElementById("TICKER").scrollLeft >= document.getElementById("TICKER").scrollWidth - document.getElementById("TICKER").offsetWidth) document.getElementById("TICKER").scrollLeft = 0;
    window.setTimeout("TICKER_tick()", 30);
    }
     
    htart, Feb 13, 2007 IP
  2. htart

    htart Guest

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    oops, forgot to mention. The ticker is running right beneath the "Haitian Times" heading.
    And the formatting of the page is a bit awry in IE. I'm working on it!
     
    htart, Feb 13, 2007 IP