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

Leave a Reply

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

Your comment

Your name, please

Your email, please

POSTED

November 09, 2011

SHARE POST

LOCATED IN

(62)

TAGS

(21)
(5)
(1)

CATEGORIES

HAVE A QUESTION ABOUT OUR SERVICES?

Ready to start on a project?

WANT TO SEE OUR WORK?

Visit our case studies page or request specific project examples.