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:
-
-
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.
3.2 rating from 24 votes
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.
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.
Works like a charm, giving it 5 stars!
Thanks Gilles! Regarding the comment in the post:
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.
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.
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.
… but this is a variation on
(the tag was parsed in the last post)
Geez! I am just trying to type “marquee” with brackets around it!
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.