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:
Et voilà.
- 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 : Sélectionner tout - Visualiser dans une fenêtre à part
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)
- Collez ceci au début de votre page:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <script type="text/javascript" charset="utf-8"> $(document).ready(ImportTweets()) </script>- Et ceci à l'endroit où vous voulez que les tweet apparaîssent:
Code : Sélectionner tout - Visualiser dans une fenêtre à part <div class="tweets" id="tweets"></div>- Ajustez la feuille de style.
Qu'en pensez-vous?
A+
Partager