【发布时间】: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