/plugins/EasyAutocomplete-master/demo/example_duckduckgo.html

https://bitbucket.org/quickfinder/quickfinder-old · HTML · 37 lines · 26 code · 11 blank · 0 comment · 0 complexity · c1c830283b2eba58e836c05510f6129b MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. 	<head>
    4. 

  4. 		<title>EasyAutocomplete duckduckgo example</title>
    5. 

  5. 		<link href="../dist/easy-autocomplete.min.css" rel="stylesheet" type="text/css">
    6. 

  6. 		<script src="../lib/jquery-1.11.2.min.js"></script>
    7. 

  7. 		<script src="../dist/jquery.easy-autocomplete.min.js" type="text/javascript" ></script>
    8. 

  8. 	</head>
    9. 

  9. 	<body>
    10. 

  10. 

  11. 		<h1>EasyAutocomplete - duckduckgo example</h1>
    12. 

  12. 

  13. 		<input id="ddg" />
    14. 

  14. 

  15. 		<script>
    16. 

  16. 

  17. 		var options = {
    18. 

  18. 			url: function(phrase) { 
    19. 

  19. 				return phrase !== "" ? "http://api.duckduckgo.com/?q=" + phrase + "&format=json" : "http://api.duckduckgo.com/?q=empty&format=json";
    20. 

  20. 			},
    21. 

  21. 

  22. 			getValue: "Text",
    23. 

  23. 

  24. 			ajaxSettings: {
    25. 

  25. 				dataType: "jsonp"
    26. 

  26. 			},
    27. 

  27. 

  28. 			listLocation: "RelatedTopics",
    29. 

  29. 		};
    30. 

  30. 

  31. 		$("#ddg").easyAutocomplete(options);
    32. 

  32. 

  33. 		</script>
    34. 

  34. 

  35. 	</body>
    36. 

  36. 

  37. </html>
    38.