kendricklamar

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="./jquery-ui-1.11.2.custom/jquery-ui.min.css">
  <script src="./jquery-ui-1.11.2.custom/external/jquery/jquery.js"></script>
  <script src="./jquery-ui-1.11.2.custom/jquery-ui.min.js"></script>

  <script>
  var urlsrc = "http://yugiohprices.com/api/card_data/";
  $(function() {
    $("#tags").autocomplete({
      delay: 500,
      minLength: 3,
      source: function(request, response) {
      		var url = urlsrc + escape(request.term);
      		$.getJSON("http://query.yahooapis.com/v1/public/yql", {
      			q: "select * from json where url=\"" + url + "\"",
      			format: "json"
      		}, function(data) {
      			console.log(JSON.stringify(data));
      			response(data.query.results.json);
      		})
      }
    });
  });
  </script>
</head>
<body>

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>


</body>
</html>