Page History

<script>

(function( jQuery ){
	jQuery.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( jQuery.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=?";

			jQuery.getJSON( url, function( data ){
				if( jQuery.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>");
}


jQuery(document).ready(function(){
    jQuery.jTwitter('BellaDati', 86, function(data){
        jQuery('#posts').empty();
        jQuery('#posts').addClass("postsComplete");
        jQuery.each(data, function(i, post){
            jQuery('#posts').append(
                '<div class="twitterPost post">'
                +    replaceURLWithHTMLLinks(post.text)
                +'</div>'
            );
        });
    });


var stamp = new Date().getTime();

    jQuery.getJSON('http://www.belladati.com/blog:jsonFeed?count=10&stamp='+stamp+'&callback=?',function(){

});

});


function blogPostCallback(data) {
 jQuery('#blog').empty();
 jQuery('#blog').addClass("blogComplete");
	 jQuery.each(data, function(i, post){
var published = Date.parse(post.published);
          jQuery('#blog').append(
                '<div class="blogPost post"><div class="blogPostTitle"><strong><a target="_blank" rel="external" href="'+post.url+'">'
                +post.title
                +'</a></strong></div>'+
'<a class="blogPostImage" target="_blank" rel="external" href="'+post.url+'"><img src="'+post.image+'" /></a>'+
                  '<div class="blogPostDetail">'+post.published.substr(0,10)+'</div>'+
                 '<div class="blogPostContent">'+post.short+'</div>'+

                   '</div>'
            );

});
}




</script>
<style>
.post {
padding-bottom: 6px;
margin-bottom: 6px !important;
border-bottom: 1px solid #e5e5e5;
}
.blogPost {
padding-left: 100px;
position: relative;
min-height: 80px;
}
.blogPostDetail {
color: gray !important;
margin-bottom: 4px;
font-size: 80%;
}
.blogPostTitle {
margin-bottom: 1px;
}
.blogPostImage {
  position: absolute;
  left: 0;
  top: 0;
}

#twitter {
border-top: 1px solid silver;
padding: 10px 14px;
padding-left: 90px;
position: relative;
margin-top: 10px;
}
#twitter h4 {
margin-top: 0;
padding-top: 0;
}
#twitter img.logo {
position: absolute;
left: 10px;
top: 10px;
}

</style>