【问题标题】:Twitter search box widgetTwitter 搜索框小部件
【发布时间】:2011-08-02 21:33:56
【问题描述】:

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

我没有让用户从上述网站获取代码,而是提供了一个文本框来输入相同的详细信息以获取 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();


}

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

【问题讨论】:

    标签: javascript jquery twitter


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

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

      你可以在这里查看页面http://www.twitamix.com

      【讨论】:

      • 非常感谢我访问了该网站,但它必须在我的情况下动态应用。我该怎么做。请分享一些技巧和你的想法。那太好了。
      • 感谢您的称赞 :-) 您能详细解释一下动态应用吗?我会尽我所能提供帮助
      猜你喜欢
      • 2012-04-19
      • 2023-03-08
      • 2014-04-25
      • 1970-01-01
      • 1970-01-01
      • 2017-06-30
      • 1970-01-01
      • 1970-01-01
      • 2011-12-23
      相关资源
      最近更新 更多