- Code: Tout sélectionner
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<meta charset=utf-8 />
</head>
<body>
<script>
$(function() {
$("#term").autocomplete({
select:function(event,ui){
alert('');
},
source: function( request, response ) {
$.ajax({
url: 'http://query.yahooapis.com/v1/public/yql',
dataType: 'JSONP',
data: {
format: 'json',
q: 'select * from xml where url="http://google.com/complete/search?output=toolbar&q=' + escape(request.term) + '&hl=fr"'
},
success: function(data) {
response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) {
return { label: item.suggestion.data, value: item.suggestion.data };
}));
}
});
}
});
/* this is my effort*/
$(".ui-menu-item a").click(function() {
$("#term").autocomplete({
source: function( request, response ) {
$.ajax({
url: 'http://query.yahooapis.com/v1/public/yql',
dataType: 'JSONP',
data: {
format: 'json',
q: 'select * from xml where url="http://google.com/complete/search?output=toolbar&q=' + escape(request.term) + '"'
},
success: function(data) {
response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) {
return { label: item.suggestion.data, value: item.suggestion.data };
}));
}
});
}
});
});
});
</script>
<title>JS Bin</title>
<label for="term">Search term: </label>
<input id="term" />
</body>
</html>
Testé et approuvé