...
HTML |
---|
<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>");
}
jQuery(document).ready(function(){
$.jTwitter('BellaDati', 8, function(data){
$('#posts').empty();
$('#posts').addClass("postsComplete");
$.each(data, function(i, post){
$('#posts').append(
'<div class="twitterPost post">'
+ replaceURLWithHTMLLinks(post.text)
+'</div>'
);
});
});
var stamp = new Date().getTime();
$.getJSON('http://www.belladati.com/blog:jsonFeed?count=10&stamp='+stamp+'&callback=?',function(){
});
});
function blogPostCallback(data) {
$('#blog').empty();
$('#blog').addClass("blogComplete");
$.each(data, function(i, post){
var published = Date.parse(post.published);
$('#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="blogPostContent">'+post.short+'</div>'+
'<div class="blogPostDetail">'+showLocalDate(published)+'</div>'+
'</div>'
);
});
}
var mmToMonth = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
function showLocalDate(timestamp){
var dt = new Date(timestamp);
var mm = mmToMonth[dt.getMonth()];
return dt.getDate()+"-"+mm+"-"+dt.getFullYear();
}
</script>
<style>
.post {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid silver;
}
.blogPost {
padding-left: 100px;
position: relative;
}
.blogPostImage {
position: absolute;
left: 0;
top: 0;
}
</style>
|