当前位置：首页 > news >正文

动感十足的网站东莞网络推广公司

news 2025/8/12 9:28:51

动感十足的网站,东莞网络推广公司,网站 cms,百度站长工具后台fizz buzz我个人不是Twitter的一个巨大的风扇，但它是所有的愤怒的时刻，甚至愤世嫉俗像我可以看到，它是与客户连接的重要工具。实际上， 关于您所知道的关于CSS的一切都不对的发布引起了很多轰动！ 我们已经在其销售页…

fizz buzz

我个人不是Twitter的一个巨大的风扇，但它是所有的愤怒的时刻，甚至愤世嫉俗像我可以看到，它是与客户连接的重要工具。实际上，关于您所知道的关于CSS的一切都不对的发布引起了很多轰动！我们已经在其销售页面中添加了一个简单的“ Twitter Buzz”小部件。

在构建我的小窗口小部件时，我找不到与所追求的东西完全相同的东西，因此我将某些东西与PHP和jQuery结合在一起，现在我想与您共享。

服务器端Twitter代理

这个人的死很简单。看看这个：

<?php
header("Content-Type: text/xml");
// replace Foobar with your URL-encoded search term
echo(file_get_contents("http://search.twitter.com/search.atom?q=Foobar"));
?>

在这里，我们只是从http://search.twitter.com/search.atom?q=Foobar获取搜索结果，并将其直接返回给客户端。我们还将响应的内容类型设置为text/xml ；没有这个，jQuery不知道将响应作为XML DOM文档进行处理。

客户端Twitter Buzz小部件

使用我们的服务器端代理和jQuery，我们可以开始将响应注入到我们的文档中。将一个带有id twitter-buzz的隐藏div放在文档中的某个位置，然后包括以下JavaScript：

$(function() {$.get("twitter-proxy.php", function(data, status) {// check for successif(status == "success") {// check for entriesif($("entry", data).size() > 0) {   // create the list               var list = $("<ul>").get(0);// iterate through entries$("entry", data).each(function(index, entry) {// parse out the details of the tweetvar authorElement = $("author", entry).get(0);var authorName = $("name", authorElement).text();var authorUri = $("uri", authorElement).text();var authorImage = $("link[rel='image']", entry).attr("href");var text = $("title", entry).text();// add the tweet to our list$(list).append("<li><a href="" + authorUri + "">" +"<img src="" + authorImage + "" alt="" + authorName + "" />" +"</a><span>" + text + "</span>");});// add the list to the document$("#twitter-buzz").append(list);// reveal the area$("#twitter-buzz").show("slow");}}});
});

这只是从我们之前创建的Twitter代理中获取Atom响应，创建无序的推文列表，然后将其添加到文档中。即使出现问题，或者搜索返回零条推文，该页面也不会被破坏。我们所拥有的只是页面中一个隐藏的空div 。

当然，可以对该小部件进行一些改进，例如添加自动在计时器上刷新自身以及自动添加@replies的链接，但我将继续为您添加这些功能。