Twitter搜索框小部件

时间:2011-06-13 12:52:05

标签: javascript jquery twitter

我正在动态调用twitter来获取网站上的小部件。 http://twitter.com/about/resources/widgets/widget_search

我没有用户从上述网站获取代码,而是给出一个文本框,输入相同的详细信息以获取Twitter搜索小部件框。

我能够收到推文,但它删除了以前的内容,并且已经在页面上并仅使用Twitter提要更新同一页面。 这是代码:

<label>Enter Search Keyword:</label>
<input type="text" id="twtKeyword"/>
<br/><br/>

<label>Enter Title:</label>
<input type="text" id="twtTitle"/>
<br/><br/>

<label>Enter Subject:</label>
<input type="text" id="twtSubject"/>
<br/><br/>

<input type="button" id="twtBtnClick" value="Click" onclick="getPageTwitter();"></input>









function getPageTwitter()
{
    var searchWord=document.getElementById("twtKeyword").value;
    var titleTwt=document.getElementById("twtTitle").value;
    var subjectTwt=document.getElementById("twtSubject").value;

    $( "#twitterWidget" ).dialog( "close" );


  new TWTR.Widget({
  version: 2,
  type: 'search',
  search: searchWord,
  interval: 6000,
  title: titleTwt,
  subject: subjectTwt,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#8ec1da',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    toptweets: true,
    behavior: 'default'
  }
}).render().start();


}

但我希望小部件保持在同一页面而不影响页面的先前内容

2 个答案:

答案 0 :(得分:1)

这不是Search Widget的设计目标。您可能需要编写自己的JavaScript来轮询Search API并使用您自己的代码呈现结果。

答案 1 :(得分:1)

我想我已经找到了答案。我做了一些编码来做你想要的,也许你可以iframe一个页面,我愿意设置?由你决定。

您可以在此处查看页面http://www.twitamix.com