avatar_Everybody

Как вывести новые твиты на сайте с помощью TwitterAPI и JSON

Автор Everybody, 2012 Авг. 28, 12:57

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

Everybody

Интересное решение вывода новых твитов из указанного канала с помощью jquery (TwitterAPI +JSON)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JQuery JSONP + Twitter API</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
TwitterAPI = {
Statuses: {
user_timeline:function(screen_name, count, callback){
jQuery.getJSON("https://twitter.com/statuses/user_timeline/" + screen_name + ".json?count="+count+"&b="+Math.random()+"&callback=?",
callback);
}
}
};
// @rem
window.ify=function(){var entities={'"':'&quote;','&':'&amp;','<':'&lt;','>':'&gt;'};return{"link":function(t){return t.replace(/[a-z]+://[a-z0-9-_]+.[a-z0-9-_:~%&amp;?/.=]+[^:.,)s*$]/ig,function(m){return'<a href="'+m+'">'+((m.length>25)?m.substr(0,24)+'...':m)+'</a>';});},"at":function(t){return t.replace(/(^|[^w]+)@([a-zA-Z0-9_]{1,15})/g,function(m,m1,m2){return m1+'@<a href="https://twitter.com/'+m2+'">'+m2+'</a>';});},"hash":function(t){return t.replace(/(^|[^w'"]+)#([a-zA-Z0-9_]+)/g,function(m,m1,m2){return m1+'#<a href="https://search.twitter.com/search?q=%23'+m2+'">'+m2+'</a>';});},"clean":function(tweet){return this.hash(this.at(this.link(tweet)));}};}();
</script>
</head>
<body>
<aside>
<h3>My Tweets</h3>
</aside>
<script type="text/javascript">
jQuery(document).ready(function($){
TwitterAPI.Statuses.user_timeline("xmunet",5,function(json){
content = '<ul>';
$.each(json, function(i){
var tweet = ify.clean(this['text']);
var d = new Date(this['created_at']);
var date_show = d.getDate()+'/'+d.getMonth()+'/'+d.getFullYear()+' '+d.getHours()+':'+d.getMinutes();
content += '<li>' + tweet + ' (<date>'+date_show+'</date>)</li>';
});
content += '</ul>';
$('aside').append(content);
});
});
</script>
</body>
</html>
Источник: www.chazzuka.com/twitter-api-jquery-jsonp-how-to-229

Похожие темы (5)