javascript - Twitter 搜索框小部件

Question

我正在动态调用 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();


}

但我希望小部件保留在同一页面中，而不影响页面之前的内容

Answer 1

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