Page History

<div id="posts"><img src="http://dev.trgiman.eu/dev/download/attachments/4620293/ajax-loader.gif" /></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 {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid silver;
}
</style>