-
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%'> </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
-
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"
-------------------------------------------------------------------------------------------------------
-
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.
-
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
-
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
>
-
Junior Member
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.
-
Senior Member
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
-
Forum Rules