Comments on: Make Your Own Web Site Badges with jQuery and JSON

By: surfbuds.net

surfbuds.net — Mon, 27 Apr 2009 11:26:30 +0000

To have it in reverse order from the example just use appendTo instead of prependTo and use Javascript to add the Title “follow me on twitter” at the end of the loop..

I’ve made it work for a real RSS feed translated via PHP to JSON, which has a bit more complex structure.. anyone who wants the code let me know from my inquiry form at http://www.surfbuds.net/eng/profile/jm

By: timboreader

timboreader — Mon, 27 Apr 2009 08:42:09 +0000

@ossreleasefeed – make sure you’re using the latest verion of jquery. I wasn’t and it didn’t work for me either for a few goes.

@Hans – agreed! – Anyone got an answer for this? I’ve looked in the api documentation and there are no parameters for ordering the tweets. I would love to apply this script to some live sites of mine, but (IMO) it isn’t any use if it can’t go in reverse chronological order.

By: ossreleasefeed

ossreleasefeed — Thu, 23 Apr 2009 13:15:00 +0000

Is this supposed to work when run from localhost? I tried out the code exactly as in the example but get nothing back.

Thx,
Schalk

By: Adsensing

Adsensing — Thu, 23 Apr 2009 12:01:10 +0000

This is really a helpful app. Hope I’ll use this app in my existing sites. Thanks for sharing!!!

By: Hans

Hans — Thu, 23 Apr 2009 11:47:14 +0000

Nice. One thing though. I would like to sort the tweets top-down, the newest on top of the badge and so on. How can I accomplish that?

By: chrisdillon

chrisdillon — Wed, 22 Apr 2009 15:41:35 +0000

Brilliant! Thanks for the inspiration. I added my recent Delicious to my About page at http://chrisdillon.us/about. Here's code for Delicious:


/*
object example:
{"u":"http:\/\/www.businesspundit.com\/coworking-vs-the-coffee-shop-who-wins\/",
 "d":"Coworking vs. the Coffee Shop: Who Wins? | Business Pundit",
 "t":["coworking"],
 "dt":"2009-04-22T13:33:06Z",
 "n":"",
 "a":"chrisdillon.us"}
*/

$(function() {
$.getJSON("http://feeds.delicious.com/v2/json/chrisdillon.us?count=5&callback=?",
function(data){
$.each(data, function(i, item){
var txt = "' + item.d + '';
// add tags
txt += ' |';
$.each(item.t, function(j, tag){
txt += ' ' + tag + '';
});
// add to container
$('').addClass(i%2 ? 'even' : 'odd').html(txt).appendTo('#delicious-container');
});
});
});

Cheers, Chris Dillon

By: Mark

Mark — Wed, 22 Apr 2009 15:36:20 +0000

But using javascript to make a badge is worse for SEO right?

By: Anonymous

Anonymous — Wed, 22 Apr 2009 09:48:58 +0000

What would be the best way of filtering out @user replies in the Twitter example? They don’t seem relevant out of the context of Twitter itself, where you’d only see replies for users you’re following.

By: mattymcg

mattymcg — Wed, 22 Apr 2009 00:59:50 +0000

@redundant Thanks, this has been fixed. Sorry for the mishap all.

By: redundant

redundant — Tue, 21 Apr 2009 22:48:26 +0000

If you are wondering why their are no comments to this post, the link in the email goes too 4/20 not 4/21. You might want to redirect the 4/20 to 4/21.

Regards,
Richard