[JavaScript] Petit script pour afficher les tweets de Twitter sur votre site [Sources]

[Immobilis]

Salut,

Juste pour info.

J'ai glané ici et là des infos pour afficher une liste de tweet sur mon site perso: http://immobilis.developpez.com/

Après quelques de modifications à des scripts existants, j'ai mis en place ce que je voulais. Je partage:

1. Téléchargez ces scripts:
   • http://code.google.com/p/twitterjs/d...in.js&can=2&q=
   • http://immobilis.developpez.com/js/twitter.js. Permet de récupérer les tweet et les informations sur le tweeteur. Pour changer le hashtag recherché, modifiez le paramètre "q" de l'URL mais laissez le "%23" c'est le dièse: http://search.twitter.com/search.jso...pp=10&q=%23WP7. Pour le nombre de tweets, modifiez "rpp". En quelques mots adaptez la selon vos besoins Je poste le code au cas où par mégarde je supprime le fichier
     Code :

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     function ImportTweets() {
         $.getJSON('http://search.twitter.com/search.json?callback=?&rpp=10&q=%23WP7',
         function (data) {
             var regex = new RegExp("(http://)([\w.-_/%]*)", "gim");
             var regex1 = new RegExp("(#)([a-z0-9_]*)", "gim");
             var regex2 = new RegExp("(@)([a-z0-9_]*)", "gim");
             var json = $("#tweets").get(0); json.innerHTML = "";
             $.each(data, function (i, tweets) {
                 if (tweets.length != undefined) {
                     if (tweets[0] != undefined) {
                         if (tweets[0].created_at != undefined) {
                             for (var i = 0; i < tweets.length; i++) {
                                 json.innerHTML = json.innerHTML + ("<div class='tweet'><a href='http://twitter.com/#!/" + tweets[i].from_user + "'><img style='float: left' src='" + tweets[i].profile_image_url + "'/></a>" + tweets[i].text.replace(regex, "<a href='$1$2'>$2</a>").replace(regex1, "#<a href='http://twitter.com/#!/search?q=%23$2'>$2</a>").replace(regex2, "@<a href='http://twitter.com/#!/$2'>$2</a>") + "</div>");
                             }
                         }
                     }
                 }
             });
             setTimeout("ImportTweets()", 60000);
         }); 
     }

   • http://docs.jquery.com/Downloading_j...urrent_Release (fait avec la version 1.4.4)
2. Collez ceci au début de votre page:
   Code :

   1
   2
   3
   4
    
   <script type="text/javascript" charset="utf-8">
   	$(document).ready(ImportTweets())
   </script>

3. Et ceci à l'endroit où vous voulez que les tweet apparaîssent:
   Code :

   <div class="tweets" id="tweets"></div>

4. Ajustez la feuille de style.

Et voilà.

Qu'en pensez-vous?

A+