Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Aug 2005
    Posts
    132
    Thanks
    3
    Thanked 0 Times in 0 Posts

    jquery and twitter

    I'm looking to add twitter to the website but I have no idea what and where to edit in the script. It's a simple family site that we use to keep in touch. Say the twitter name is "whatever", where in the jquery script should it go?

    Code:
    (function($) {
     
      $.fn.tweet = function(o){
        var s = {
          avatar_size: null,                      // [integer]  height and width of avatar if displayed (48px max)
          intro_text: null,                       // [string]   do you want text BEFORE 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: "",      		  // [string]   auto text for non verb: "i said" bullocks
          auto_join_text_ed: "",                  // [string]   auto text for past tense: "i" surfed
          auto_join_text_ing: "",                 // [string]   auto tense for present tense: "i was" surfing
          auto_join_text_reply: "",               // [string]   auto tense for replies: "i replied to" @someone "with"
          auto_join_text_url: "",                 // [string]   auto tense for urls: "i was looking at" http:...
          loading_text: null,                     // [string]   optional loading text, displayed while tweets load
          query: null                             // [string]   optional search query
        };
    
        $.fn.extend({
          linkUrl: function() {
            var returning = [];
            var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
            this.each(function() {
              returning.push(this.replace(regexp,"<a href=\"$1\" target=\"_blank\">$1</a>"))
            });
            return $(returning);
          },
          linkUser: function() {
            var returning = [];
            var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
            this.each(function() {
              returning.push(this.replace(regexp,"<a href=\"http://twitter.com/$1\" target=\"_blank\">@$1</a>"))
            });
            return $(returning);
          },
          linkHash: function() {
            var returning = [];
            var regexp = / [\#]+([A-Za-z0-9-_]+)/gi;
            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 $(returning);
          },
          capAwesome: function() {
            var returning = [];
            this.each(function() {
              returning.push(this.replace(/(a|A)wesome/gi, 'AWESOME'))
            });
            return $(returning);
          },
          capEpic: function() {
            var returning = [];
            this.each(function() {
              returning.push(this.replace(/(e|E)pic/gi, 'EPIC'))
            });
            return $(returning);
          },
          makeHeart: function() {
            var returning = [];
            this.each(function() {
              returning.push(this.replace(/[&lt;]+[3]/gi, "<tt class='heart'>&#x2665;</tt>"))
            });
            return $(returning);
          }
        });
    
        function relative_time(time_value) {
          var parsed_date = Date.parse(time_value);
          var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
          var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
          if(delta < 60) {
          return 'posted less than a minute ago';
          } else if(delta < 120) {
          return 'posted 1 a minute ago';
          } else if(delta < (45*60)) {
          return 'posted ' + (parseInt(delta / 60)).toString() + ' minutes ago';
          } else if(delta < (90*60)) {
          return 'posted 1 hour ago';
          } else if(delta < (24*60*60)) {
          return 'posted ' + (parseInt(delta / 3600)).toString() + ' hours ago';
          } else if(delta < (48*60*60)) {
          return 'posted 1 day ago';
          } else {
          return 'posted ' + (parseInt(delta / 86400)).toString() + ' days ago';
          }
        }
    
        if(o) $.extend(s, o);
        return this.each(function(){
          var list = $('<ul class="tweet_list">').appendTo(this);
          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(typeof(s.username) == "string"){
            s.username = [s.username];
          }
          var query = '';
          if(s.query) {
            query += 'q='+s.query;
          }
          query += '&q=from:'+s.username.join('%20OR%20from:');
          var url = 'http://search.twitter.com/search.json?&'+query+'&rpp='+s.count+'&callback=?';
          if (s.loading_text) $(this).append(loading);
          $.getJSON(url, function(data){
            if (s.loading_text) loading.remove();
            if (s.intro_text) list.before(intro);
            $.each(data.results, function(i,item){
              // auto join text based on verb tense and content
              if (s.join_text == "auto") {
                if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
                  var join_text = s.auto_join_text_reply;
                } else if (item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
                  var join_text = s.auto_join_text_url;
                } else if (item.text.match(/^((\w+ed)|just) .*/im)) {
                  var join_text = s.auto_join_text_ed;
                } else if (item.text.match(/^(\w*ing) .*/i)) {
                  var join_text = s.auto_join_text_ing;
                } else {
                  var join_text = s.auto_join_text_default;
                }
              } else {
                var join_text = s.join_text;
              };
    
              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/'+ item.from_user+'"><img src="'+item.profile_image_url+'" height="'+s.avatar_size+'" width="'+s.avatar_size+'" alt="'+item.from_user+'\'s avatar" border="0"/></a>';
              var avatar = (s.avatar_size ? avatar_template : '')
              var text = '<p class="tweet_text">' +$([item.text]).linkUrl().linkUser().linkHash().makeHeart().capAwesome().capEpic()[0]+ '</p>';
    		  var tag = '';
    		  var date = '<span class="date">'+relative_time(item.created_at)+'</span>';
              
              // until we create a template option, arrange the items below to alter a tweet's display.
              list.append('<li>' + join + text + tag + date +'</li>');
    
              list.children('li:first').addClass('tweet-first');
              list.children('li:odd').addClass('tweet-even');
              list.children('li:even').addClass('tweet-odd');
            });
            if (s.outro_text) list.after(outro);
          });
    
        });
      };
    })(jQuery);

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    That look slike a plugin, you should probably consult the page you got it from to learn how to call the plugin properly.

  • Users who have thanked DanInMa for this post:

    dantra (11-06-2011)

  • #3
    Regular Coder
    Join Date
    Aug 2005
    Posts
    132
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thanks, I figured it out. I changed the appropriate fields in the webpage. It's working now


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •