Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <meta name="msapplication-tap-highlight" content="no" />
        <title>Box Office</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
          $.getJSON("https://query.yahooapis.com/v1/public/yql?q=SELECT%20*%20FROM%20html%20WHERE%20url%3D%22http%3A%2F%2Fwww.imdb.com%2Fboxoffice%22%20and%20xpath%3D'%2F%2Fdiv%2Fdiv%2Flayer%2Fdiv%5B2%5D%2Fdiv%5B2%5D%2Fdiv%5B2%5D%2Ftable'&format=json&diagnostics=true&callback=?", 
            function(data) {
                //console.log(data.query.results.table.tbody);
                for (var i = 0; i < data.query.results.table.tbody.length; i++) {
                    //console.log(data.query.results.table.tbody.tr[i].td);
            
                };
                var tr = data.query.results.table.tbody;
                for(var key in tr){
                    //console.log(tr[key]);
                    for (i = 0; i < tr[key].length; i++) {
                        console.log(tr[key][i].td[2].a.content);
                        var href = tr[key][i].td[2].a.href;
                        var content = tr[key][i].td[2].a.content;
                        $('ul').append('<li><a href="http://www.imdb.com/'+ href +'" target="_blank">'+ content +'</a></li>');
                    } 
                    
                }
            });
        </script>
</head>
<body>
    <ul>
    
    </ul>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers