<html>
    <head>
        <script src="../lib/feed-tables.js"></script>
        <title>Feed Tables Example</title>
    </head>
    <body>
    
        <script>
            var URL = "https://spreadsheets.google.com/feeds/list/0AoooUkEfVrhldEpRekRVakVYWmJ2U2Z4SFBVZ0M1Nnc/od6/public/basic?alt=json&callback=dataReady";
            
            function loadData() {
                var scp = document.createElement('script');
                scp.setAttribute("type","text/javascript");
            	scp.setAttribute("src", URL);	
            	document.getElementsByTagName("head")[0].appendChild(scp);	
            }
            
            function dataReady(data) {
                var table = new ListFeed(data, ["name", "street", "city"]);
                
                var div = document.getElementById("table"), s = "";
                
                for (var r = 0; r < table.length; r++) {
                    var row = table.getRow(r);
                    s += "<p>" + row.name + ", " + row.street + ", " + row.city + "</p>";
                }
                div.innerHTML = s;
            }
            
            window.onload = function() { loadData(); };
        </script>
        
        <h1>Data from the spreadsheet</h1>
        <div id="table"></div>
    
    
    </body>
    
</html>