How can I get tweets using Jquery?

I need to display new tweets from Twitter using Jquery.

Answers


jquery.tweet.js is an excellent plugin to use.

It is really simple to get up and running, just download the associated files and add the following to your html (with the js ideally 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 is easy enough to add your own styles.

The html output is an unordered list with different classes for even and odd items, 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>

Need Your Help

Mouse, drawing and slider images

c# image xna mouse draw

I am trying to make a slider for the music, sound effects and resolution, 2 of them work but one is being bad:

Why is the search form not working?

javascript jquery search

I use a live search form working version,