Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // This is in my regular scripts.js file on my server
- function twitterStream() {
- $jQ.getScript('/wp-content/themes/refresh/js/tweet.js', function() {
- $jQ(".twitter-section").tweet();
- });
- }
- // This is the tweet.js (also in the same directory) that is referenced in the function above
- $jQ.fn.tweet = function(){
- var s = {
- username: ["skattertech"], // [string] required Can be array ["username1","username2","etc"]
- list: null, // [string] optional Name of list belonging to username
- avatar_size: 32, // [integer] optional Defaults to 48px
- count: 4, // [integer] required Tweet cound to display
- join_text: null, // [string] optional Additonal text in between text and time
- loading_text: "Loading Twitter...", // [string] optional Loading text, displayed while tweets load
- query: "skattertech.com", // [string] optional Use a twitter search query
- refresh_interval: 60 // [integer] optional Refresh time in number of seconds
- };
- $jQ.fn.extend({
- linkUrl: function() {
- var returning = [];
- var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
- $jQ(this).each(function() {
- returning.push(this.replace(regexp,"<a href=\"$1\">$1</a>"));
- });
- return $jQ(returning);
- },
- linkUser: function() {
- var returning = [];
- var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
- $jQ(this).each(function() {
- returning.push(this.replace(regexp,"<a href=\"http://twitter.com/$1\">@$1</a>"));
- });
- return $jQ(returning);
- },
- linkHash: function() {
- var returning = [];
- var regexp = /(?:^| )[\#]+([A-Za-z0-9-_]+)/gi;
- $jQ(this).each(function() {
- returning.push(this.replace(regexp, ' <a href="http://search.twitter.com/search?q=&tag=$1&lang=all&from='+s.username.join("%2BOR%2B")+'">#$1</a>'));
- });
- return $jQ(returning);
- },
- capAwesome: function() {
- var returning = [];
- $jQ(this).each(function() {
- returning.push(this.replace(/\b(awesome)\b/gi, '<span class="awesome">$1</span>'));
- });
- return $jQ(returning);
- },
- capEpic: function() {
- var returning = [];
- $jQ(this).each(function() {
- returning.push(this.replace(/\b(epic)\b/gi, '<span class="epic">$1</span>'));
- });
- return $jQ(returning);
- },
- makeHeart: function() {
- var returning = [];
- $jQ(this).each(function() {
- returning.push(this.replace(/(<)+[3]/gi, "<tt class='heart'>♥</tt>"));
- });
- return $jQ(returning);
- }
- });
- function parse_date(date_str) {
- return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3'));
- }
- function relative_time(time_value) {
- var parsed_date = parse_date(time_value);
- var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
- var delta = parseInt((relative_to.getTime() - parsed_date) / 1000, 10);
- var r = '';
- if (delta < 60) {
- r = delta + ' seconds ago';
- } else if(delta < 120) {
- r = 'a minute ago';
- } else if(delta < (45*60)) {
- r = (parseInt(delta / 60, 10)).toString() + ' minutes ago';
- } else if(delta < (2*60*60)) {
- r = 'an hour ago';
- } else if(delta < (24*60*60)) {
- r = '' + (parseInt(delta / 3600, 10)).toString() + ' hours ago';
- } else if(delta < (48*60*60)) {
- r = 'a day ago';
- } else {
- r = (parseInt(delta / 86400, 10)).toString() + ' days ago';
- }
- return r;
- }
- function build_url() {
- var proto = ('https:' == document.location.protocol ? 'https:' : 'http:');
- if (s.list) {
- return proto+"//api.twitter.com/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?per_page="+s.count+"&callback=?";
- } else if (s.query === null && s.username.length == 1) {
- return proto+'//api.twitter.com/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+s.count+'&include_rts=1&callback=?';
- } else {
- var query = (s.query || 'from:'+s.username.join(' OR from:'));
- return proto+'//search.twitter.com/search.json?&q='+encodeURIComponent(query)+'&rpp='+s.count+'&callback=?';
- }
- }
- return $jQ(this).each(function(i, widget) {
- var list = $jQ('<ul class="tweet-list">').appendTo(widget);
- var loading = $jQ('<p class="loading">'+s.loading_text+'</p>');
- if(typeof(s.username) == "string"){
- s.username = [s.username];
- }
- if (s.loading_text) { $jQ(widget).append(loading); }
- $jQ(widget).bind("load", function(){
- $jQ.getJSON(build_url(), function(data){
- if (s.loading_text) { loading.remove(); }
- list.empty();
- var tweets = (data.results || data);
- $jQ.each(tweets, function(i,item){
- var join_text = s.join_text;
- var from_user = item.from_user || item.user.screen_name;
- var profile_image_url = item.profile_image_url || item.user.profile_image_url;
- var join_template = '<span class="tweet-join"> '+join_text+' </span>';
- var join = ((s.join_text) ? join_template : ' ');
- var avatar_template = '<a class="tweet-avatar" href="http://twitter.com/'+from_user+'"><img src="'+profile_image_url+'" height="'+s.avatar_size+'" width="'+s.avatar_size+'" alt="'+from_user+'\'s avatar" title="'+from_user+'\'s avatar" border="0"/></a>';
- var avatar = (s.avatar_size ? avatar_template : '');
- var date = '<span class="tweet-time"><a href="http://twitter.com/'+from_user+'/statuses/'+item.id+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a></span>';
- var text = '<span class="tweet-text">' +$jQ([item.text]).linkUrl().linkUser().linkHash().makeHeart().capAwesome().capEpic()[0]+ '</span>';
- // The current template layout
- list.append('<li>' + avatar + join + text + date + '</li>');
- list.children('li:first').addClass('tweet-first');
- list.children('li:odd').addClass('tweet-even');
- list.children('li:even').addClass('tweet-odd');
- });
- $jQ(widget).trigger("loaded").trigger((tweets.length === 0 ? "empty" : "full"));
- if (s.refresh_interval) {
- window.setTimeout(function() { $jQ(widget).trigger("load"); }, 1000 * s.refresh_interval);
- }
- });
- }).trigger("load");
- });
- };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement