Results 1 to 7 of 7

Thread: Where did that line come from???

  1. #1
    Daryl Rose
    Guest

    Default Where did that line come from???

    I added a little javascript snippet to one of the sites that I do:

    www.filamomaha.org

    This snippet is to scroll a message across the screen. Everything looks
    good in FF, but when I view the page in IE, there is a line embedded in the
    scrolling text.

    I added a single row table to the page and inserted the following code:

    table border="0" cellspacing="0" cellpadding="0">
    <tr valign="top" align="left">
    <td width="25"><img src="./assets/images/autogen/clearpixel.gif"
    width="25" height="1" border="0" alt=""></td>

    <td width="775">
    <table id="Table3" border="0" cellspacing="0" cellpadding="0"
    width="100%" style="height: 25px;">
    <tr style="height: 25px;">
    <td width="775" style="background-color: rgb(255,255,255);">
    <p style="margin-bottom: 0px;"><span style="color:
    rgb(255,255,255);"><DIV ID="TICKER" STYLE="overflow:hidden; width:775px;
    background-color:#FF0000">
    We are accepting donations for the flood relief operation in the
    Philippines. Contact any officer for additional information.
    </DIV>
    <script type="text/javascript" src="scripts/webticker_lib.js"
    language="javascript"></script></span></p>
    </td>
    </tr>
    </table>

    Here is the javascript code:

    // 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:18px; color:#ffffff";
    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="b lock";
    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);
    }



    If anyone has any idea's, I would love to hear them. I just can't figure out
    where that damn line came from

    Thanks.

    Daryl


  2. #2
    Charles Edmonds
    Guest

    Default Re: Where did that line come from???

    On Sat, 3 Oct 2009 15:57:27 -0500, Daryl Rose wrote:

    > www.filamomaha.org
    >
    > This snippet is to scroll a message across the screen. Everything looks
    > good in FF, but when I view the page in IE, there is a line embedded in the
    > scrolling text.


    Daryl,

    Here in IE7, I don't see any line.

    It looks fine to me.

    Maybe your seeing a font issue (cleartype related ?) on an LCD monitor on
    your end?

    JAT...

    Charles



    --
    -------------------------------------------------------------------------------------------------------
    Charles Edmonds
    cjeByteMeSpammers@lansrad.com (remove the "ByteMeSpammers" to email me)
    www.clarionproseries.com - "Get ProPath, make your Clarion programs ready
    for Windows 7 and Vista!"
    www.ezchangelog.com - "Free ChangeLog software to manage your projects!"
    www.setupcast.com - "A revolutionary new publishing system for software
    developers - enhanced for SetupBuilder users!"
    www.pagesnip.com - "Print and Save the Web, just the way you want it!"
    www.clarionproseries.com - "Serious tools for Clarion Developers"
    www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
    and Forms!"
    www.lansrad.com - "Intelligent Solutions for Universal Problems"
    www.fotokiss.com - "World's Best Auction Photo Editor"
    -------------------------------------------------------------------------------------------------------

  3. #3
    Adendum
    Guest

    Default Re: Where did that line come from???

    Daryl,

    I also don't see the line in FF but I do see it in IE8. I also tried in
    Chrome and Safari and the line is not seen. So it has to be an IE8 issue.

    As an alternative have you tried NOF's own ticker tape component?

    Paul
    Written at 13:21 PM Sunday 4th October 2009


    Daryl Rose wrote:
    > I added a little javascript snippet to one of the sites that I do:
    >
    > www.filamomaha.org
    >
    > This snippet is to scroll a message across the screen. Everything
    > looks good in FF, but when I view the page in IE, there is a line
    > embedded in the scrolling text.


  4. #4
    Daryl Rose
    Guest

    Default Re: Where did that line come from???

    >
    > Maybe your seeing a font issue (cleartype related ?) on an LCD monitor on
    > your end?
    >
    > JAT...
    >
    > Charles


    I had thought of something along those lines, so I tried another machine
    that still has a CRT monitor. Same thing, however, that machine is also
    using IE8.

    > I also don't see the line in FF but I do see it in IE8. I also tried in
    > Chrome and Safari and the line is not seen. So it has to be an IE8 issue.
    >
    > As an alternative have you tried NOF's own ticker tape component?
    >
    > Paul



    Yap, I'm beginning to think this is a IE8 issue, not much I can do about
    that.

    As for the NOF ticker tape component? I couldn't find anything in the add
    in components that would do scrolling text, but that was what I was looking
    for "Scrolling Text". I'll go back and look for something that say's Ticker
    Tape.

    Thanks for the feed back, I really appreciate it.

    Daryl


  5. #5
    Peter Eisenburger
    Guest

    Default Re: Where did that line come from???

    same here. only in IE 8.

    you might want to set the horizon of your picture strictly and evenly
    horizontal. would look better IMO.

    Peter


    Daryl Rose wrote:
    >>
    >> Maybe your seeing a font issue (cleartype related ?) on an LCD monitor on
    >> your end?
    >>
    >> JAT...
    >>
    >> Charles

    >
    > I had thought of something along those lines, so I tried another machine
    > that still has a CRT monitor. Same thing, however, that machine is also
    > using IE8.
    >
    >> I also don't see the line in FF but I do see it in IE8. I also tried
    >> in Chrome and Safari and the line is not seen. So it has to be an IE8
    >> issue.
    >>
    >> As an alternative have you tried NOF's own ticker tape component?
    >>
    >> Paul

    >
    >
    > Yap, I'm beginning to think this is a IE8 issue, not much I can do about
    > that.
    >
    > As for the NOF ticker tape component? I couldn't find anything in the
    > add in components that would do scrolling text, but that was what I was
    > looking for "Scrolling Text". I'll go back and look for something that
    > say's Ticker Tape.
    >
    > Thanks for the feed back, I really appreciate it.
    >
    > Daryl
    >


  6. #6
    Junior Member
    Join Date
    Sep 2010
    Posts
    1

    Default

    Hi,
    The problem is to do with the webticker_space.gif file that is referenced in the javascript. Simply make a 1px by 1px image and save it in the same directory as your webticker_lib.js file. The line then goes. (I made mine the same as the background colour of the ticker, but I don't think it matters as it has a specified height of 0 in the script).

    Hope this helps.

  7. #7
    Senior Member Adendum's Avatar
    Join Date
    Apr 2010
    Location
    London (UK) & Granada (Spain)
    Posts
    926

    Default

    Errr,

    I guess he had a change of heart?
    <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
    Paul - Aditerum Ltd and AllSortsOfStuff Ltd
    NOF11 (in Admin mode!); Vista Premium 64bit; AMD Phenom IIx4 945 Processor 3.00Ghz; 8.0Gb RAM
    Wouldn't it be great if there was only a single browser to worry about!!!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •