(function($) {
$.fn.tweet = function(o){
var s = $.extend({
username: null, // [string or array] required unless using the 'query' option; one or more twitter screen names
list: null, // [string] optional name of list belonging to username
favorites: false, // [boolean] display the user's favorites instead of his tweets
query: null, // [string] optional search query
avatar_size: null, // [integer] height and width of avatar if displayed (48px max)
count: 1, // [integer] how many tweets to display?
fetch: null, // [integer] how many tweets to fetch via the API (set this higher than 'count' if using the 'filter' option)
retweets: true, // [boolean] whether to fetch (official) retweets (not supported in all display modes)
intro_text: null, // [string] do you want text BEFORE your your tweets?
outro_text: null, // [string] do you want text AFTER your tweets?
join_text: null, // [string] optional text in between date and tweet, try setting to "auto"
auto_join_text_default: "i said,", // [string] auto text for non verb: "i said" bullocks
auto_join_text_ed: "i", // [string] auto text for past tense: "i" surfed
auto_join_text_ing: "i am", // [string] auto tense for present tense: "i was" surfing
auto_join_text_reply: "i replied to", // [string] auto tense for replies: "i replied to" @someone "with"
auto_join_text_url: "i was looking at", // [string] auto tense for urls: "i was looking at" http:...
loading_text: null, // [string] optional loading text, displayed while tweets load
refresh_interval: null , // [integer] optional number of seconds after which to reload tweets
twitter_url: "twitter.com", // [string] custom twitter url, if any (apigee, etc.)
twitter_api_url: "api.twitter.com", // [string] custom twitter api url, if any (apigee, etc.)
twitter_search_url: "search.twitter.com", // [string] custom twitter search url, if any (apigee, etc.)
template: "{avatar}{text}{join}{time}", // [string or function] template used to construct each tweet <li> - see code for available vars
comparator: function(tweet1, tweet2) { // [function] comparator used to sort tweets (see Array.sort)
return tweet2["tweet_time"] - tweet1["tweet_time"];
},
filter: function(tweet) { // [function] whether or not to include a particular tweet (be sure to also set 'fetch')
return true;
}
}, o);
$.fn.extend({
linkUrl: function() {
var returning = [];
// See http://daringfireball.net/2010/07/improved_regex_for_matching_urls
var regexp = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»????]))/gi;
this.each(function() {
returning.push(this.replace(regexp,
function(match) {
var url = (/^[a-z]+:/i).test(match) ? match : "http://"+match;
return "<a href=\""+url+"\">"+match+"</a>";
}));
});
return $(returning);
},
linkUser: function() {
var returning = [];
var regexp = /[\@]+(\w+)/gi;
this.each(function() {
returning.push(this.replace(regexp,"@<a href=\"http://"+s.twitter_url+"/$1\">$1</a>"));
});
return $(returning);
},
linkHash: function() {
var returning = [];
// Support various latin1 (\u00**) and arabic (\u06**) alphanumeric chars
var regexp = /(?:^| )[\#]+([\w\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0600-\u06ff]+)/gi;
var usercond = (s.username && s.username.length == 1) ? '&from='+s.username.join("%2BOR%2B") : '';
this.each(function() {
returning.push(this.replace(regexp, ' <a href="http://'+s.twitter_search_url+'/search?q=&tag=$1&lang=all'+usercond+'">#$1</a>'));
});
return $(returning);
},
capAwesome: function() {
var returning = [];
this.each(function() {
returning.push(this.replace(/\b(awesome)\b/gi, '<span class="awesome">$1</span>'));
});
return $(returning);
},
capEpic: function() {
var returning = [];
this.each(function() {
returning.push(this.replace(/\b(epic)\b/gi, '<span class="epic">$1</span>'));
});
return $(returning);
},
makeHeart: function() {
var returning = [];
this.each(function() {
returning.push(this.replace(/(<)+[3]/gi, "<tt class='heart'>♥</tt>"));
});
return $(returning);
}
});
function parse_date(date_str) {
// The non-search twitter APIs return inconsistently-formatted dates, which Date.parse
// cannot handle in IE. We therefore perform the following transformation:
// "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000"
return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3'));
}
function relative_time(date) {
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - date) / 1000, 10);
var r = '';
if (delta < 60) {
r = delta + ' seconden geleden';
} else if(delta < 120) {
r = 'een minuut geleden';
} else if(delta < (45*60)) {
r = (parseInt(delta / 60, 10)).toString() + ' minuten geleden';
} else if(delta < (2*60*60)) {
r = 'een uur geleden';
} else if(delta < (24*60*60)) {
r = '' + (parseInt(delta / 3600, 10)).toString() + ' uren geleden';
} else if(delta < (48*60*60)) {
r = 'een dag geleden';
} else {
r = (parseInt(delta / 86400, 10)).toString() + ' dagen geleden';
}
return 'Ongeveer ' + r;
}
function build_url() {
var proto = ('https:' == document.location.protocol ? 'https:' : 'http:');
var count = (s.fetch === null) ? s.count : s.fetch;
if (s.list) {
return proto+"//"+s.twitter_api_url+"/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?per_page="+count+"&callback=?";
} else if (s.favorites) {
return proto+"//"+s.twitter_api_url+"/favorites/"+s.username[0]+".json?count="+s.count+"&callback=?";
} else if (s.query === null && s.username.length == 1) {
return proto+'//'+s.twitter_api_url+'/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+count+(s.retweets ? '&include_rts=1' : '')+'&callback=?';
} else {
var query = (s.query || 'from:'+s.username.join(' OR from:'));
return proto+'//'+s.twitter_search_url+'/search.json?&q='+encodeURIComponent(query)+'&rpp='+count+'&callback=?';
}
}
return this.each(function(i, widget){
var list = $('<ul class="tweet_list">').appendTo(widget);
var intro = '<p class="tweet_intro">'+s.intro_text+'</p>';
var outro = '<p class="tweet_outro">'+s.outro_text+'</p>';
var loading = $('<p class="loading">'+s.loading_text+'</p>');
if(s.username && typeof(s.username) == "string"){
s.username = [s.username];
}
var expand_template = function(info) {
if (typeof s.template === "string") {
var result = s.template;
for(var key in info) {
var val = info[key];
result = result.replace(new RegExp('{'+key+'}','g'), val === null ? '' : val);
}
return result;
} else return s.template(info);
};
if (s.loading_text) $(widget).append(loading);
$(widget).bind("load", function(){
$.getJSON(build_url(), function(data){
if (s.loading_text) loading.remove();
if (s.intro_text) list.before(intro);
list.empty();
var tweets = $.map(data.results || data, function(item){
var join_text = s.join_text;
// auto join text based on verb tense and content
if (s.join_text == "auto") {
if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
join_text = s.auto_join_text_reply;
} else if (item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
join_text = s.auto_join_text_url;
} else if (item.text.match(/^((\w+ed)|just) .*/im)) {
join_text = s.auto_join_text_ed;
} else if (item.text.match(/^(\w*ing) .*/i)) {
join_text = s.auto_join_text_ing;
} else {
join_text = s.auto_join_text_default;
}
}
// Basic building blocks for constructing tweet <li> using a template
var screen_name = item.from_user || item.user.screen_name;
var source = item.source;
var user_url = "http://"+s.twitter_url+"/"+screen_name;
var avatar_size = s.avatar_size;
var avatar_url = item.profile_image_url || item.user.profile_image_url;
var tweet_url = "http://"+s.twitter_url+"/"+screen_name+"/status/"+item.id_str;
var retweet = (typeof(item.retweeted_status) != 'undefined');
var retweeted_screen_name = retweet ? item.retweeted_status.user.screen_name : null;
var tweet_time = parse_date(item.created_at);
var tweet_relative_time = relative_time(tweet_time);
var tweet_raw_text = retweet ? ('RT @'+retweeted_screen_name+' '+item.retweeted_status.text) : item.text; // avoid '...' in long retweets
var tweet_text = $([tweet_raw_text]).linkUrl().linkUser().linkHash()[0];
// Default spans, and pre-formatted blocks for common layouts
var user = '<a class="tweet_user" href="'+user_url+'">'+screen_name+'</a>';
var join = ((s.join_text) ? ('<span class="tweet_join"> '+join_text+' </span>') : ' ');
var avatar = (avatar_size ?
('<a class="tweet_avatar" href="'+user_url+'"><img src="'+avatar_url+
'" height="'+avatar_size+'" width="'+avatar_size+
'" alt="'+screen_name+'\'s avatar" title="'+screen_name+'\'s avatar" border="0"/></a>') : '');
var text = '<span class="tweet_text">'+$([tweet_text]).makeHeart().capAwesome().capEpic()[0]+ '</span>';
var time = '<span class="tweet_time"><a href="'+tweet_url+'" title="Bekijk tweet op twitter">'+tweet_relative_time+'</a></span>';
return { item: item, // For advanced users who want to dig out other info
screen_name: screen_name,
user_url: user_url,
avatar_size: avatar_size,
avatar_url: avatar_url,
source: source,
tweet_url: tweet_url,
tweet_time: tweet_time,
tweet_relative_time: tweet_relative_time,
tweet_raw_text: tweet_raw_text,
tweet_text: tweet_text,
retweet: retweet,
retweeted_screen_name: retweeted_screen_name,
user: user,
join: join,
avatar: avatar,
time: time,
text: text
};
});
tweets = $.grep(tweets, s.filter).slice(0, s.count);
list.append($.map(tweets.sort(s.comparator),
function(t) { return "<li>" + expand_template(t) + "</li>"; }).join('')).
children('li:first').addClass('tweet_first').end().
children('li:odd').addClass('tweet_even').end().
children('li:even').addClass('tweet_odd');
if (s.outro_text) list.after(outro);
$(widget).trigger("loaded").trigger((tweets.length === 0 ? "empty" : "full"));
if (s.refresh_interval) {
window.setTimeout(function() { $(widget).trigger("load"); }, 1000 * s.refresh_interval);
}
});
}).trigger("load");
});
};
})(jQuery);
Toon Meer
doet zichzelf vernieuwen bij pagina vernieuwen inladen met de nieuwste tweets met tijd en bericht en link, aparte .js van maken en includen in je html.
ps. niet door mij gemaakt
maar wel waar ik altijd mee werk 