<div id="posts">Loading...</div>
<script>
(function( $ ){
$.extend( {
jTwitter: function( username, numPosts, fnk ) {
var info = {};
// If no arguments are sent or only username is set
if( username == 'undefined' || numPosts == 'undefined' ) {
return;
} else if( $.isFunction( numPosts ) ) {
// If only username and callback function is set
fnk = numPosts;
numPosts = 5;
}
var url = "http://twitter.com/status/user_timeline/"
+ username + ".json?count="+numPosts+"&callback=?";
$.getJSON( url, function( data ){
if( $.isFunction( fnk ) ) {
fnk.call( this, data );
}
});
}
});
})( jQuery );
function replaceURLWithHTMLLinks(text) {
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
return text.replace(exp,"<a href='$1'>$1</a>");
}
$(document).ready(function(){
$.jTwitter('BellaDati', 8, function(data){
$('#posts').empty();
$('#posts').addClass("postsComplete");
$.each(data, function(i, post){
$('#posts').append(
'<div class='"twitterPost'">'
+ replaceURLWithHTMLLinks(post.text)
+'</div>'
);
});
});
});
</script>
<style>
.twitterPost {
border-bottom: 1px solid silver;
margin-bottom: 5px;
padding-bottom: 5px;
}
</style>
|