twitter-mainick.jpg

jTwitter è un semplice plugin jQuery che ci fornisce un facile accesso alle Twitter API per prelevare informazioni su uno specifico utente di twitter tramite il suo nome utente.

Il risultato della consultazione delle Twitter API è un oggetto JSON costituito dai dettagli dell’utente, quali nome completo, URL homepage, conteggi vari come seguaci, amici, favoriti, numero stati (tweets), localizzazione, etc.

Utilizzo

Per prima cosa nell’intestazione head della nostra pagina HTML dobbiamo richiamare la libreria jQuery (dai server di Google), includere il plugin e poi scrivere il seguente script JavaScript per utilizzare le funzionalità del plugin:

$jTwitter('nome_utente_twitter', num_tweet, function(tweets){
  // funzione richiamata per l'utilizzo delle info ricevute
});

E’ possibile specificare il nome utente twitter di cui si richiedano le informazioni e gli ultimi stati, e opzionalmente il numero di ultimi tweets postati dall’utente, se non specificato verranno prelevati gli ultimi 5 stati. Infine la funzione in cui gestire e manipolare le informazioni ricevute sotto forma di oggeto JSON

Ecco un mio piccolo esempio:

<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript" src="jquery.jtwitter.js"></script>

  <script type="text/javascript">
    $(document).ready(function(){
      // Ottiene gli ultimi 10 stati dal mio account
      $.jTwitter('mainick', 10, function(tweets){
        $('#stati').empty();
        $.each(data, function(i, tweet){
          $('#stati').append(
            '<div class="stato">'
            +' <div class="msg">'
            +    tweet.text
            +' </div>'
            +'</div>'
          );
        });
      });
    });
  </script>
</head>
<body>
  <h1>Tweet by MaiNick</h1>
  <div id="posts">Attendere...</div>
</body>
</html>
Condividi:
  • Diggita
  • del.icio.us
  • Digg
  • Facebook
  • Twitter
  • FriendFeed
  • StumbleUpon
  • Tumblr
  • Google Bookmarks
  • email
  • RSS