Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<script>


jQuery(function($){





JQTWEET = {
      
     // Set twitter username, number of tweets & id/class to append tweets
     user: 'belladati',
     numTweets: 4,
     appendTo: '#twitterPosts',
  
     // core function of jqtweet
     loadTweets: function() {
         $.ajax({
             url: 'http://api.twitter.com/1/statuses/user_timeline.json/',
             type: 'GET',
             dataType: 'jsonp',
             data: {
                 screen_name: JQTWEET.user,
                 include_rts: true,
                 count: JQTWEET.numTweets,
                 include_entities: true
             },
             success: function(data, textStatus, xhr) {
  
                  var html = '<p>TWEET_TEXT</p>';
          
                  // append tweets into page
                  for (var i = 0; i < data.length; i++) {
                     $(JQTWEET.appendTo).append(
                         html.replace('TWEET_TEXT', JQTWEET.ify.clean(data[i].text) )
                             .replace(/USER/g, data[i].user.screen_name)
                             
                             .replace(/ID/g, data[i].id_str)
                     );
                  }                  
             }   
  
         });
          
     }, 
      
        
      
      
     /**
       * The Twitalinkahashifyer!
       * http://www.dustindiaz.com/basement/ify.html
       * Eg:
       * ify.clean('your tweet text');
       */
     ify:  {
       link: function(tweet) {
         return tweet.replace(/\b(((https*\:\/\/)|www\.)[^\"\']+?)(([!?,.\)]+)?(\s|$))/g, function(link, m1, m2, m3, m4) {
           var http = m2.match(/w/) ? 'http://' : '';
           return '<a target="_blank" href="' + http + m1 + '">' + ((m1.length > 25) ? m1.substr(0, 24) + '...' : m1) + '</a>' + m4;
         });
       },
  
       at: function(tweet) {
         return tweet.replace(/\B[@@]([a-zA-Z0-9_]{1,20})/g, function(m, username) {
           return '<a target="_blank" href="http://twitter.com/intent/user?screen_name=' + username + '">@' + username + '</a>';
         });
       },
  
       list: function(tweet) {
         return tweet.replace(/\B[@@]([a-zA-Z0-9_]{1,20}\/\w+)/g, function(m, userlist) {
           return '<a target="_blank" href="http://twitter.com/' + userlist + '">@' + userlist + '</a>';
         });
       },
  
       hash: function(tweet) {
         return tweet.replace(/(^|\s+)#(\w+)/gi, function(m, before, hash) {
           return before + '<a target="_blank" href="http://twitter.com/search?q=%23' + hash + '">#' + hash + '</a>';
         });
       },
  
       clean: function(tweet) {
         return this.hash(this.at(this.list(this.link(tweet))));
       }
     } // ify
  
      
 };
  
  
  

     JQTWEET.loadTweets();







    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><div><strong><a target="_blank" rel="external" href="'+post.url+'">'
                +post.title
                +'</a></strong></div>'+
'<a target="_blank" rel="external" href="'+post.url+'"><img src="'+post.image+'" /></a>'+
                  '<div>'+post.published.substr(0,10)+'</div>'+
                 '<div>'+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>