twitter with dijits
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<div id="output"></div>
CSS
.gameBox{
border: 1px solid black;
overflow : auto;
margin:3px;
padding:3px;
}
JavaScript
dojo.require('dojo.io.script');
dojo.addOnLoad(function(){
var output = dojo.byId('output');
output.innerHTML = 'loading...';
dojo.io.script.get({
url: 'http://bggstuff.appspot.com/x/hot/boardgame',
callbackParamName : 'callback',
timeout: 30000,
load: function(obj){
output.innerHTML ='';
console.log(obj);
dojo.forEach(obj.response.item,function(game){
var n = dojo.create('div', {innerHTML:game.name['@value']});
dojo.addClass(n,'gameBox');
//add game's image & link if it has one
if(game.thumbnail){
var link = dojo.create('a',
{ href: 'http://boardgamegeek.com/boardgame/' + game['@id'],
target: '_blank'});
var img = dojo.create('img',
{src:game.thumbnail['@value'],
align:'left'});
//dojo.place(img, link, 'first');
dojo.place(link, n, 'first');
}
dojo.place(n, output, 'last');
});
},
error: function(e){
output.innerHTML = 'Error retrieving games: ' + e;
},
preventCache: true,
handleAs: 'json'
});
});