微博微件生活推文

Question

我正在寻找一个小部件/ jquery插件/托管服务或类似的，你可以放在一个html页面，它会显示和更新包含某个哈希标签，但只有从一个或多个可配置的帐户+审核，以批准其他人使用相同标签的推文。

认为报纸想生活 - 推特活动，但能够控制其他人在网页上显示的内容。

我已经搜索过，但没有找到任何合适的东西 - 我相信它一定存在。

Answer 1

你好演示http://jsfiddle.net/RGrgM/或http://jsfiddle.net/RGrgM/show/

我有联系的人（我）的鸣叫与此演示，但你可以链接你的:)我懒在Twitter上anyhooo：P这将帮助你。它将与活饲料一起使用。

休息一切都在那里，你可以右键点击，看到源代码以及阅读下面的代码。 B-）

此[链接]可能出现派上用场：http://boxmodeljunkie.com/create-a-simple-twitter-widget-with-yui-3-and-yql/

:)

D'呃不要忘了接受和最多投票是吗！

它使用：

<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); 

}); 
​