jQuery: Tweet Listeleme Uygulaması

tweet listeleme2012’nin son makalesi niyetine,  twitter kullanıcıların tweetlerini listeleyen sade ve basit bir uygulama hazırladım.

Kullanıcı adını arayarak kullanıcının public tweetlerini listeleyen bu araçta, jQuery kütüphanesi ve herzamanki gibi serpito.com demo arayüzünü HTML + CSS  altyapısı olarak kullanıyorum.

 

Bu makalede sadece uygulama için hazırladığım javascript kod blogunu paylaşıyorum. Daha sonra makalenin altında da paylaşacağım uygulama dosyasını indirip inceleyebilirsiniz.

 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var refreshURL;
var twusername;

$(function(){
$('.more').click(function(){
$(".more").html('<img src="img/wait.gif" />');
getTweet(twusername,refreshURL);
$(".more").html('daha fazla tweet &amp;amp;amp;amp;raquo;');
return false;
});

$('#linkbtn').click(function(){
val=$('#u').val();
if(val == ''){
$('.morebox').hide();
alert("Kullanıcı adı boş ??");
}else{
$(".timeline").html(' ');
getTweet(val);
}
return false;
});

});

function autolink(text) {

var exp = /(\b(https?|ftp):\/\/[-A-Z0-9+&amp;amp;amp;amp;@#\/%?=~_|!:,.;]*[-A-Z0-9+&amp;amp;amp;amp;@#\/%=~_|])/gim;

return text.replace(exp,"<a href='$1' target='_blank'>$1</a>");

}
function getTweet(username,refreshUrl){
if(refreshUrl==null) {var twitter_api_url = 'http://search.twitter.com/search.json?callback=?&amp;amp;amp;amp;rpp=10';}
else{var twitter_api_url = 'http://search.twitter.com/search.json?callback=?&amp;amp;amp;amp;rpp=10' + refreshUrl; }

var twitter_user    = username;
twusername = username;

$.ajaxSetup({ cache: true });
$.getJSON(
twitter_api_url + '&amp;amp;amp;amp;q=from:' + twitter_user,
function(data) {
refresh_url = data.refresh_url;
refreshURL = data.refresh_url;
if(refreshURL == null){$('.more').hide();}
$.each(data.results, function(i, tweet) {
$('.more').show();

if(tweet.text !== undefined) {
var date_tweet = new Date(tweet.created_at);
var date_now   = new Date();
var date_diff  = date_now - date_tweet;
var hours      = Math.round(date_diff/(1000*60*60));

var tweet_html = '<div>';
tweet_html    += '<a href="https://twitter.com/' + tweet.from_user +'"><img src="' + tweet.profile_image_url + '" /></a>';
tweet_html    += autolink(tweet.text);
tweet_html    += '<div><a href="https://twitter.com/' + tweet.from_user + '/status/' + tweet.id_str +'">'  + hours ;
tweet_html    += ' saat <\/a><\/div><\/div>';
$('.timeline').append(tweet_html);
}
});
if(data.results.length == 0){
$('.morebox').hide();
$('.timeline').append("<p>@"+username+" kullanıcısının tweet bilgilerine erişilemiyor.</p>");
}
}
);
}

});

</script>

Uygulamanın çalışır hali için Demo bağlantısına tıklayın.
Demo    Download

 

5 thoughts on “jQuery: Tweet Listeleme Uygulaması

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir