Problem with ticker - Javascript

132 100+

Hi guys and girls,

I'm having trouble with a ticker that I'm making.

I've found code on the net and I'm adjusting it to my needs.
However though it seems to be working well I do have an issue.

If I have a long text which exceeds the width of my div, it won't show that text anymore.

I'm trying to fix it but it won't work.

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<style type="text/css">
 
#tickercontainer

{

position: relative;

width: 300px; /* width of the DIV containing the ticker */

height: 19px; /* height of the DIV containing the ticker */

background-color: white;

background-image: url("bg.jpg");

overflow: hidden;

border: 0px solid black;

padding: 2px;

padding-left: 4px;

}
 
#ticker

{

font-family: Tahoma;

color: #ffffff;

font-weight: bold;

background-color: red;

}
 
</style>
 
<script type="text/javascript">
 
var delay=0 //Specify the time (in milliseconds) you want to wait before the ticker starts (1000 = 1 seconds)

var marqueespeed=1 //Specify the speed at which the ticker scrolls by (1:slow / 10:fast)

var freeze=0 //Upon mouse over do you want to freeze the ticker so the user can click a link? (0:no / 1:yes)
 
var copyspeed=marqueespeed

var pausespeed=(freeze==0)? copyspeed: 0

var actualwidth=''
 
function scroll()

{
 
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))

    {

        cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"

    }

else

    {

        cross_marquee.style.left=parseInt(tickerwidth)+8+"px"

    }

}
 
function startticker()

{
 
cross_marquee=document.getElementById("ticker")

tickerwidth=document.getElementById("tickercontainer").offsetWidth

cross_marquee.style.left= tickerwidth;

actualwidth=cross_marquee.offsetWidth;
 
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1)

    { //if Opera or Netscape 7x, add scrollbars to scroll and exit

        cross_marquee.style.height=marqueeheight+"px"

        cross_marquee.style.overflow="scroll"

        return

    }
 
setTimeout('lefttime=setInterval("scroll()",30)', delay)
 
}
 
if (window.addEventListener)

window.addEventListener("load", startticker, false)

else if (window.attachEvent)

window.attachEvent("onload", startticker)

else if (document.getElementById)

window.onload=startticker
 
</script>
 
</head>

<body>
 
<div id="tickercontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">

<div id="ticker" style="position: absolute; width: 98%;">
 
<!--SCROLL CONTENT HERE-->
 
Test 1 &nbsp;&nbsp;&nbsp; Test 2 &nbsp;&nbsp;&nbsp; Test 3 &nbsp;&nbsp;&nbsp; Test 4 &nbsp;&nbsp;&nbsp; 
 
<!--SCROLL CONTENT HERE-->
 
</div>

</div>

</body>

</html>

If you run this, you'll see that it works fine.
But if you adjust the width of "tickercontainer" (in the style at the top of the page) so for example 150px, you'll see that the text isn't being scrolled completely.

So I would like to have my text scrolled entirely. Who can help me with this?

Thanks,
Cainnech

Mar 30 '10 #1

Subscribe Post Reply

✓ answered by RamananKalirajan

Hi cainnech,
I checked with your code. I can say why this problem occurs. The div with the id 'ticker' is given width: 98%. which takes the width from it parent div. It's parent Div is 'tickercontainer' which has a width 150px. So the child div (ticker) take 98% of the 150px width, thats why you get half content. Inorder to overcome this problem specify the width of the div 'ticker' to the content. Ex: for this text specify the width as '300px' you will be able to see the full content ticking in the div. Depending upon the content you are going to use set the width of the div 'ticker'.

Thanks and Regards
Ramanan Kalirajan

1818

RamananKalirajan

608

512MB

Mar 31 '10 #2

Cainnech

132

100+

Thanks RamananKalirajan for your reply.

However I can't specify the width of the text in de Ticker div because the text is being filled in dynamically.

I ended up writing the entire ticker myself. So now it works :-)

Greets,
Cainnech

Apr 3 '10 #3

Similar topics

Problem with Check Constraints

by: RAD | last post by:

I am working with an evaluation copy of SQL Server 2000 for the first time; my DB experience lies with MS Access. I have a simple table in SQL Server (tblCompany) that has a field called...

Microsoft SQL Server

RSS headline Javascript or applet ticker?

by: dthelwal | last post by:

I'm looking for an applet or script to feed from an RSS page (perhaps RSS 0.91) and turn its <title> and <link> entries (perhaps using <description> as well) into a scrolling news ticker where the...

HTML / CSS

Javascript Typewriter Ticker

by: Dan | last post by:

Hi Does anyone know of a good Javascript typewriter ticker that allows you to insert HTML into the ticker. I have found lots but when HTML is inserted, the ticker pauses at the point it reaches...

Javascript

Ticker dosn't work with Netscape and Mozilla

by: Nariak | last post by:

Dear friends of programming! the script below only works with MSI and Opera but not with Netscape 7.x and Mozilla 1.x! What is wrong? Please help me! Thanks Ralf

Javascript

Ticker (Gimme Some Desktop property)

by: Kaz | last post by:

Im creating a desktop ticker in C# that I wont to be displayed running along active applications, on the right hand side of the screen My question is that when I launch my ticker, how do i adjust...

C# / C Sharp

Subscript out of range: 'ticker' ?????

by: David | last post by:

Hi, I have the following asp in my page, but I keep getting the following error Microsoft VBScript runtime error '800a0009' Subscript out of range: 'ticker' Please can you help me ?. Here...

ASP / Active Server Pages

problem on ticker

by: swatidesai0407 | last post by:

hi,im working on tickers according to me whenever the stock becomes less than the minimum level the ticker should be generated. so i wrote a script using php to do dis.which is working fine....

Javascript

Regex.Matches Problem

by: =?Utf-8?B?SkF1bA==?= | last post by:

I am currently working on a project and need to get a returnâ€¦ even if that return is a failure. I must also add that I have no control over either the Regular Expression that will be used or the...

.NET Framework

news ticker

by: Mike | last post by:

I want to create a news/stock/sport ticker for my desktop. I want to have the ability to select my news source, (cnn, msnbc, etcs) sport source(espn, nfl, nba, etc) and my stock source (nasdaq,...

C# / C Sharp

document.getElementbyID('TICKER') has no properties

by: RommelTJ | last post by:

Hi, My website (http://www.justiceinmexico.org/indextest.php) looks good in Firefox, but horrible in IE, and I think it's because of an error in the javascript of a free web ticker I got off the...

Javascript

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA