Tuesday, April 24th, 2007

TickerTape: Scrolling tickers in JavaScript

Category: Component, JavaScript, Library

Colin Ramsay has rolled his own TickerTape cmoponent that will scroll through items retrieved from your backend.

It is very simple, allowing you to create a ticker tape via:

javascript

  1. new TickerTape('tickertape.php', 'myTickerTape', 5000); // duration between scrolls

It would benefit from not scrolling while you have you mouse inside, and Firefox wasn’t happy with the demo.

Ticker Tape

Posted by Dion Almaer at 5:40 am
10 Comments

+++--
3.2 rating from 29 votes

10 Comments »

Comments feed TrackBack URI

The demo works in Firefox when you refresh – I’m looking into a solution for this now and will post a new release when I have fixed it.

Comment by Colin — April 24, 2007

Version 1.01 fixes the Firefox problem:

http://colinramsay.co.uk/2007/04/24/tickertape-v101/

If you’ve visited the demo before, you need to clear your cache to see this update. I’d really appreciate it if you could update your post to reflect this change.

Comment by Colin — April 24, 2007

Works like a charm, giving it 5 stars!

Comment by Gilles — April 24, 2007

Thanks Gilles! Regarding the comment in the post:

It would benefit from not scrolling while you have you mouse inside

I agree. I will try and sort that out for the next release – I’d also like it to be able to scroll vertically too, so look out for those features in the next week or so.

Comment by Colin — April 24, 2007

Doesn’t this just try to re-create the marquee tag? Why reinvent the wheel when the marquee tag is supported by IE and Firefox.

Comment by Jordan — April 24, 2007

Jordan – that’s what I thought too but this is a variation on

Check out the demo and you’ll see what I mean. Nice little widget.

Comment by Photo Flock — April 24, 2007

… but this is a variation on

(the tag was parsed in the last post)

Comment by Photo Flock — April 24, 2007

Geez! I am just trying to type “marquee” with brackets around it!

Comment by Photo Flock — April 24, 2007

Jordan, there are a number of benefits over the marquee, tag however the main one would be that the data does not all have to be preloaded – the component can grab pages of data from the server when required.

Comment by Colin — April 25, 2007

hi , i need a tickertape.php example please .Thanks!

new TickerTape(‘tickertape.php’, ‘myTickerTape’, 5000);

Comment by dmaaaton — April 19, 2009

Leave a comment

You must be logged in to post a comment.