0

http://www.urbanvision.org.uk/にWeb サイトがあり、右側に Twitter フィードがあります。この twitter フィードは、ほとんどの Web サイトに存在します。

過去 3 日間ほどツイートしていない場合、ツイートが表示されないという問題が発生しています。もっと多くのツイートをする予定ですが、以下のコードを変更して、最近の 20 件ほどのツイートだけを表示する方法はありますか。

Twitter には独自の制限があることは承知していますが、正直なところ、理解するには少し混乱しすぎていると思います。

現在の JS コード:

var tweetUsers = ['urbanvision_uk'];
var buildString = "";

    $(document).ready(function(){

        $('#twitter-ticker').slideDown('slow');

        for(var i=0;i<tweetUsers.length;i++)
        {
            if(i!=0) buildString+='+OR+';
            buildString+='from:'+tweetUsers[i];
        }

        var fileref = document.createElement('script');

        fileref.setAttribute("type","text/javascript");
        fileref.setAttribute("src", "http://search.twitter.com/search.json?q="+buildString+"&callback=TweetTick&rpp=50");

        document.getElementsByTagName("head")[0].appendChild(fileref);

    });

    function TweetTick(ob)
    {
        var container=$('#tweet-container');
        container.html('');

        $(ob.results).each(function(el){

            var str = ' <div class="tweet">\
                        <div class="avatar"><a href="http://twitter.com/'+this.from_user+'" target="_blank"><img src="'+this.profile_image_url+'" alt="'+this.from_user+'" /></a></div>\
                        <div class="user"><a href="http://twitter.com/'+this.from_user+'" target="_blank">'+this.from_user+'</a></div>\
                        <div class="time">'+relativeTime(this.created_at)+'</div>\
                        <div class="txt">'+formatTwitString(this.text)+'</div>\
                        </div>';

            container.append(str);

        });

        container.jScrollPane();
    }

    function formatTwitString(str)
    {
        str=' '+str;
        str = str.replace(/((ftp|https?):\/\/([-\w\.]+)+(:\d+)?(\/([\w/_\.]*(\?\S+)?)?)?)/gm,'<a href="$1" target="_blank">$1</a>');
        str = str.replace(/([^\w])\@([\w\-]+)/gm,'$1@<a href="http://twitter.com/$2" target="_blank">$2</a>');
        str = str.replace(/([^\w])\#([\w\-]+)/gm,'$1<a href="http://twitter.com/search?q=%23$2" target="_blank">#$2</a>');
        return str;
    }

    function relativeTime(pastTime)
    {   
        var origStamp = Date.parse(pastTime);
        var curDate = new Date();
        var currentStamp = curDate.getTime();

        var difference = parseInt((currentStamp - origStamp)/1000);

        if(difference < 0) return false;

        if(difference <= 5)             return "Just now";
        if(difference <= 20)            return "Seconds ago";
        if(difference <= 60)            return "A minute ago";
        if(difference < 3600)           return parseInt(difference/60)+" minutes ago";
        if(difference <= 1.5*3600)      return "One hour ago";
        if(difference < 23.5*3600)      return Math.round(difference/3600)+" hours ago";
        if(difference < 1.5*24*3600)    return "One day ago";
        if(difference < 1.5*48*3600)    return "Two days ago";
        if(difference < 1.5*720*3600)   return "Over a month ago";

        var dateArr = pastTime.split(' ');
        return dateArr[4].replace(/\:\d+$/,'')+' '+dateArr[2]+' '+dateArr[1]+(dateArr[3]!=curDate.getFullYear()?' '+dateArr[3]:'');
    }

リツイートやメンションもできるといいですね。

いつものように、どんな助けでも大歓迎です。

4

1 に答える 1

1

便宜上、公式の twitter ウィジェットを使用してカスタマイズすることをお勧めします。この問題を説明した良い記事があります: http://www.1stwebdesigner.com/css/customize-twitter-search-widgets/

于 2012-06-24T14:21:54.260 に答える