如何为我的网站制作像“Digg it”这样的按钮?

时间:2009-01-04 10:49:50

标签: .net javascript web-services

我在Windows Sever,ASP.Net 3.5,ASP.Net AJAX,SQL Server背景下托管了一个博客网站。

我想给博主们一个像'digg-it'这样的按钮,他们可以把这些按钮放在他们的博客上,供读者点击这些帖子,如果他们喜欢的话。

我知道我将使用Javascript来做到这一点。我能做些什么: -

  1. 从我的网站检索代码,该代码将显示当前的拇指计数。
  2. 如果用户竖起大拇指,请增加我网站的点数。
  3. 由于大多数博客都在blogger.com/wordpress.com上,因此插件代码将嵌入到博客主题中。我想我将使用博客文章的URL作为唯一ID。我的问题是如何让我的网站和javascript在blogger.com上讨论。

    我们将不胜感激。

    由于

3 个答案:

答案 0 :(得分:4)

您可以考虑使用加载JSON数据的SCRIPT回调,而不是使用XmlHttpRequest来解决跨域问题。

function dynScript(url){
    var script=document.createElement('script');
    script.src=url;
    script.type="text/javascript";
    document.getElementsByTagName('head')[0].appendChild(script);
}
function handleYourData(json) {
    // Do something with your response data if you need to, like alter
    // dom.
}
function thumbUp(postId) {
    dynScript('http://yourdomain.com/path/to/thumbHandler?callback=handleYourData&thumbs=up&postId=' + postId);
}
function thumbDown(postId) {
    dynScript('http://yourdomain.com/path/to/thumbHandler?callback=handleYourData&thumbs=down&postId=' + postId);
}

您可以在HTML中使用它。

<a onClick="thumbUp(521);">Thumb up</a> | <a onClick="thumbDown(521);">Thumb Down</a>

您的thumbHandler代码必须输出带有handleYourData()的JSON,以便以JSON数据作为参数调用您的回调。

答案 1 :(得分:0)

好的,我得到了一个答案,当我尝试这种方法时,我发现了一些更容易的东西。

我要使用的是iframe。 iframe就像浏览器中的浏览器窗口。我在iframe中呈现的代码将在内部访问我的网站,就好像它是一个常规的网页请求。所以我可以使用我的网络服务,我的背景ASP.Net代码,以及我想要的一切,而不用担心弄乱主机网站。

当我完成开发时,我会在这里发布一些代码。同时,如果你们知道这种方法有任何陷阱,请告诉我。

以下是我编写的一些iframe示例代码

<script type="text/javascript">
    window.onload = function() {
        alert("http://mysite.com?url=" + window.location.href);
        document.all.blogvaniframe.src = "http://blogvani.com";
    }
</script>
<iframe id="blogvaniframe" height="100" width="100" scrolling="no" frameborder="0">

</iframe>

我使用javascript加载iframe中的内容,因为我想将一个参数传递给url的查询字符串(虽然还没有测试过。

由于

答案 2 :(得分:0)

试试这个。我在Yahoo!上找到了它搜索,因为我知道,这个脚本有一个德语版本:

英文版:http://www.socialbookmarkscript.com/

德语脚本:http://www.social-bookmark-script.de/

祝你好运!

相关问题