Twitter Stock Ticker

by

Last night I was rummaging through some of my past projects doing a little winter cleaning, and I stumbled upon this jQuery plugin that I wrote a while back. I ran the code to see if it still functions (it was using jQuery  1.3). And to my pleasant surprise, the code still runs like a charm. So, I just want to take the time to share it with you all.

This jQuery plugin is a Twitter stock ticker; the stock ticker one sees on Wall Street. And this is an example HTML page that uses the plugin:

 <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script> <script type="text/javascript" src="tweetstockticker.js"></script> <script> $(document).ready(function() { $('#tweet-container').tweetstocktick('san francisco', 5, 15); }); </script> <style> #tweet-container { overflow: hidden; position: relative; width: 100%; height: 100px; } #rotating-ticker-item { font-size: 36px; position: absolute; text-transform: uppercase; white-space:nowrap; width: auto; } </style> </head> <body> <div id="tweet-container"></div> </body> </html> 

It’s a pretty simple implementation using the Twitter Search API

.tweetstocktick(q, rpp, speed)

q = search term (ie. “San Francisco”)

rpp = number of the most recent tweets

speed = used to calculate duration (speed * width).

 

Feel free to share any thoughts, and I hope it helps.

Download

2 Comments

  1. How do you get the feed to loop back on itself when it encounters the minimum number of recent tweets provided as a parameter?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>