モデレートされたライブtweetingのTwitterウィジェット

Question

ウィジェット/ jqueryプラグイン/ホストサービスなどを探しています.HTMLページにドロップすると、特定のハッシュタグを含むツイートが表示され、更新されます1つ以上の設定可能なアカウント+同じハッシュタグを持つ他の人のつぶやきを承認する管理。

イベントをライブツイートしたいが、他の人からページに表示される内容を制御する新聞を考える。

私は検索しましたが、適切なものは見つかりませんでした。

Answer 1

Hiya デモhttp://jsfiddle.net/RGrgM/またはhttp://jsfiddle.net/RGrgM/show/

私はこのデモで誰か（私の）ツイートをリンクしているが、あなたはあなたをリンクすることができます:)私は怠け者ださえずりanyhoooで：Pは、これはあなたを助けるでしょう。ライブフィードでも動作します。

残りはすべてあります。右クリックしてソースを見るだけでなく、下記のコードを読むことができます。 B-）

この[リンク]便利来るかもしれない：http://boxmodeljunkie.com/create-a-simple-twitter-widget-with-yui-3-and-yql/

:)

ええとD'受け入れると投票innitアップすることを忘れないでください！

それは使用しています：

<title>Twitter Feed Widget with YUI 3 &amp; YQL - jsFiddle demo</title> 

    <script type='text/javascript' src='/js/lib/yui-min-3.2.0.js'></script> 

jQueryのコード

// top-level global namespace 
YUI.namespace('CIF'); 

// accepts a tweet timestamp and produces relational time text 
YUI.CIF.relativeTime = function (c) { 

    var origStamp = Date.parse(c), 

     curDate = new Date(), 

     currentStamp = curDate.getTime(), 

     difference = parseInt((currentStamp - origStamp)/1000, 10), 

     dateArr = c.toString().split(' '); 

    // if no difference, do nothing 
    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, 10) + ' 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"; 
    } 

    // produce date stamp for tweets older than a day 
    return dateArr[3].replace(/\:\d+$/,'') + ' ' + dateArr[2] + ' ' + dateArr[1] + dateArr[5] !== curDate.getFullYear().toString() ? ' ' + dateArr[5] : ''; 

}; 

// load required modules and set up YUI instance 
YUI().use('node', 'substitute', 'yql', function (Y) { 

    var n = Y.one('#twitterFeed'), 

     // accepts a YQL JSON result object and produces a list of 
     // tweets using Y.substitute for templating 
     formatTwitterFeed = function (r) { 

      if (r) { 

       var s = r.query.results.statuses.status, 

        // HTML markup template 
        t = '<li><span class="status-text">{sText}</span> <span ' + 
         'class="quiet status-time">{sTime}</span></li>', 

        l = s.length, 

        f = '<ul>', 

        i; 

       for (i = 0; i < l; i++) { 

        // Y.substitute method to merge HTML markup and result object 
        f += Y.substitute(t, { 

         // convert usernames, hash tags and URLs to links 
         sText : s[i].text 
          .replace(/(http\S+)/i,'<a href="$1" target="_blank">$1</a>') 
          .replace(/(@)([a-z0-9_\-]+)/i, 
           '<a href="http://twitter.com/$2" target="_blank">$1$2</a>') 
          .replace(/(#)(\S+)/ig, 
           '<a href="http://search.twitter.com/search' + 
           '?q=%23$2" target="_blank">$1$2</a>'), 

         sTime : YUI.CIF.relativeTime(s[i].created_at) 

        }); 

       } 

       f += '</ul>'; 

       f += '<a class="button" href="http://twitter.com/tats_innit" title="Follow @Tats_innit on Twitter" target="_blank">Follow on Twitter&nbsp;&raquo;</a>'; 

       // append output to target parent node 
       n.append(f); 

      } 

     }; 

    // YQL Twitter query limited to five results for a specified username 
    Y.YQL('select * from twitter.user.timeline(5) ' + 
      'where screen_name="@tats_innit"', formatTwitterFeed); 

}); 
​