BadgeQuery

^ badges for @pfefferle

---

kleiner Nachtrag zu omg badges

die badges-json-API – auf basis welcher der mighty pfefferle übrigens ein kongeniales wp-plugin gebaut hat – unterstützt jetzt auch callbacks und also jsonp und kann also auch via javascript und also jquery cross-domain angesprochen und also integriert werden.

format ist:

http://hackrengine.appspot.com/api/badges?twitteruser={pfefferle}&callback={?}

---

also irgendwo im Dokument ein div mit der id badges einfügen:

<div id="badges">badges loading....</div>

und dann die api z.b. via jquery aufrufen und anzeigen, den twitterusernamen ggf. anpassen:

<script type="text/javascript"
  src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $.getJSON("http://hackrengine.appspot.com/api/badges?twitteruser=pfefferle&callback=?",
      function(data) {
var frag = "no badge found"
if (data.status == "ok") {
frag = "<ul>";
for(var i = 0; i < data.badges.length; i++) {
  var badgename = data.badges[i].badgename;
  var badgeimg = data.badges[i].badgeimg;
  frag += "<li><img src='" + badgeimg + "' />" + badgename + "</li>";
}
frag += "</ul>";
} // endif
$("#badges").html(frag);
});
});
</script>

---