Twitter Post Fetcher - compiled

Allows you to fetch your twitter posts without using the ridiculous 1.1 API which has been forced upon us. Pure JavaScript baby!

by Danish Farman

HTML

<html>
    <head></head>
    <body>
        <div id="tweets"></div>
    </body>
</html>

JavaScript

/*********************************************************************
  #### Twitter Post Fetcher! ####
  Coded by Jason Mayes 2013.
  www.jasonmayes.com
  Please keep this disclaimer with my code if you use it. Thanks. :-)
  Got feedback or questions, ask here: http://goo.gl/JinwJ
  
  Ammended by Ben Lumley and djb31st 2013
  www.dijitul.com
  Ammended to display latest tweet only with links
********************************************************************/
var twitterFetcher=function(){var d=null;return{fetch:function(a,b){d=b;var c=document.createElement("script");c.type="text/javascript";c.src="http://cdn.syndication.twimg.com/widgets/timelines/"+a+"?&lang=en&callback=twitterFetcher.callback&suppress_response_codes=true&rnd="+Math.random();document.getElementsByTagName("head")[0].appendChild(c)},callback:function(a){var b=document.createElement("div");b.innerHTML=a.body;a=b.getElementsByClassName("e-entry-title");d(a)}}}();

/*
* ### HOW TO USE: ###
* Create an ID:
* Go to www.twitter.com and sign in as normal, go to your settings page.
* Go to "Widgets" on the left hand side.
* Create a new widget for "user timeline". Feel free to check "exclude replies"
* if you dont want replies in results.
* Now go back to settings page, and then go back to widgets page, you should
* see the widget you just created. Click edit.
* Now look at the URL in your web browser, you will see a long number like this:
* 345735908357048478
* Use this as your ID below instead!
*/

twitterFetcher.fetch('345190342812909568', function(tweets){
  // Do what you want with your tweets here! For example:
  var x = tweets.length;
  var n = 0;
  var element = document.getElementById('tweets');
  var html = '<ul>';
    if (tweets[n].innerHTML) {
      html += '<li>' + tweets[n].innerHTML + '</li>';
    } else {
      html += '<li>' + tweets[n].textContent + '</li>';
    }
    n++;
  html += '</ul>';
  element.innerHTML = html;
});