How can I get tweets using jQuery?

Question

I need to display new tweets from Twitter using jQuery.

Answer 1

jquery.tweet.js is a great plugin to use.

It is very simple to get up and running, just download the related files and add the following to your html (with js it is ideal in an external file, of course!)

<script type = 'text / javascript'>
    $ (document) .ready (function () {
        $ (". tweet"). tweet ({
            username: "seaofclouds",
            join_text: "auto",
            avatar_size: 32,
            count: 3,
            auto_join_text_default: "we said,", 
            auto_join_text_ed: "we",
            auto_join_text_ing: "we were",
            auto_join_text_reply: "we replied to",
            auto_join_text_url: "we were checking out",
            loading_text: "loading tweets ..."
        });
    });
</script>
<div class = "tweet"> </div>

It comes with some predefined styles, but it's easy enough to add your own styles.

The html output is an unordered list with different classes for even and odd elements, for example:

<ul class = "tweet_list">
 <li class = "tweet_first tweet_odd"> 
  <span class = "tweet_text"> [Tweet text] </span>
  <span class = "tweet_time"> about 21 hours ago </span>
 </li>
 <li class = "tweet_even">
  <span class = "tweet_text"> [Tweet text] </span>
  <span class="tweet_time">about 22 hours ago</span>
 </li>
</ul>