JSFiddle - React, Tailwind, and code Playground

by dandiebolt

HTML

<script src="https://raw.github.com/hail2u/jquery.query-yql/master/jquery.query-yql.js"></script>
<script src="https://github.com/jquery/jquery-tmpl/raw/master/jquery.tmpl.min.js"></script>
<script id="template1" type="text/x-jquery-tmpl">
    <img src="${a.href}"/><br/>
    <a href="${a.href}" target="_blank">${a.href}</a>
    <hr/>
</script>

<div id="info1"></div>

JavaScript

var url = "http://www.dropbox.com/gallery/28903845/3/NPG%20Processed%20Photos/1%20lettershendony%20avenue%20bt473hy/1%20lettershendony%20bt473hy?h=6b20ed";
var sql= "";
sql += "SELECT * ";
sql += "FROM html ";
sql += "WHERE ";
sql += "url='" + url + "' ";
sql += "AND ";
sql += "xpath='//div[@class=\"imagecontainer\"]//center[a]'";

$.queryYQL(sql, function (data) {
  var mydata=data.query.results.center;
  console.log(mydata);
    for (var i=0; i<mydata.length; i++) {
        console.log(mydata[i].a.href);
        //$("#info1").append("<iframe src='" + mydata[i].a.href + "'></iframe>");
    }
  $("#template1").tmpl(mydata).appendTo("#info1");
});