Yahoo Stock Symbol Autocomplete
Have to hack the YAHOO object since I don't want to use it & their API requires it...
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/cupertino/jquery-ui.css">
Stock Symbol
<input id="visualtxtSymbolLookup" type="text" placeholder="type to search stocks" />
JavaScript
$( "#visualtxtSymbolLookup" ).autocomplete({
source: function( request, response ) {
$.ajax({
type: "GET",
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "YAHOO.Finance.SymbolSuggest.ssCallback",
data: {
query: request.term
},
cache: true,
url: "http://d.yimg.com/autoc.finance.yahoo.com/autoc"
}); // .ajax
var YAHOO = window.YAHOO = {Finance: {SymbolSuggest: {}}};
YAHOO.Finance.SymbolSuggest.ssCallback = function (data) {
var mapped = $.map(data.ResultSet.Result, function (e, i) {
return {
label: e.symbol + ' (' + e.name + ')',
value: e.symbol
};
});
response(mapped);
}; // YAHOO.Finance
},
minLength: 2 // source: function
}); // autocomplete