mirror of
https://github.com/devbridge/jQuery-Autocomplete.git
synced 2024-11-25 14:17:45 +00:00
Add working demo.
This commit is contained in:
Tomas Kirda
parent
930393c7f7
commit
8211e43cfd
266
content/countries.txt
Normal file
266
content/countries.txt
Normal file
@ -0,0 +1,266 @@
|
|||||||
|
{
|
||||||
|
"AD": "Andorra",
|
||||||
|
"AE": "United Arab Emirates",
|
||||||
|
"AF": "Afghanistan",
|
||||||
|
"AG": "Antigua and Barbuda",
|
||||||
|
"AI": "Anguilla",
|
||||||
|
"AL": "Albania",
|
||||||
|
"AM": "Armenia",
|
||||||
|
"AN": "Netherlands Antilles",
|
||||||
|
"AO": "Angola",
|
||||||
|
"AQ": "Antarctica",
|
||||||
|
"AR": "Argentina",
|
||||||
|
"AS": "American Samoa",
|
||||||
|
"AT": "Austria",
|
||||||
|
"AU": "Australia",
|
||||||
|
"AW": "Aruba",
|
||||||
|
"AX": "\u00c5land Islands",
|
||||||
|
"AZ": "Azerbaijan",
|
||||||
|
"BA": "Bosnia and Herzegovina",
|
||||||
|
"BB": "Barbados",
|
||||||
|
"BD": "Bangladesh",
|
||||||
|
"BE": "Belgium",
|
||||||
|
"BF": "Burkina Faso",
|
||||||
|
"BG": "Bulgaria",
|
||||||
|
"BH": "Bahrain",
|
||||||
|
"BI": "Burundi",
|
||||||
|
"BJ": "Benin",
|
||||||
|
"BL": "Saint Barth\u00e9lemy",
|
||||||
|
"BM": "Bermuda",
|
||||||
|
"BN": "Brunei",
|
||||||
|
"BO": "Bolivia",
|
||||||
|
"BQ": "British Antarctic Territory",
|
||||||
|
"BR": "Brazil",
|
||||||
|
"BS": "Bahamas",
|
||||||
|
"BT": "Bhutan",
|
||||||
|
"BV": "Bouvet Island",
|
||||||
|
"BW": "Botswana",
|
||||||
|
"BY": "Belarus",
|
||||||
|
"BZ": "Belize",
|
||||||
|
"CA": "Canada",
|
||||||
|
"CC": "Cocos [Keeling] Islands",
|
||||||
|
"CD": "Congo - Kinshasa",
|
||||||
|
"CF": "Central African Republic",
|
||||||
|
"CG": "Congo - Brazzaville",
|
||||||
|
"CH": "Switzerland",
|
||||||
|
"CI": "C\u00f4te d\u2019Ivoire",
|
||||||
|
"CK": "Cook Islands",
|
||||||
|
"CL": "Chile",
|
||||||
|
"CM": "Cameroon",
|
||||||
|
"CN": "China",
|
||||||
|
"CO": "Colombia",
|
||||||
|
"CR": "Costa Rica",
|
||||||
|
"CS": "Serbia and Montenegro",
|
||||||
|
"CT": "Canton and Enderbury Islands",
|
||||||
|
"CU": "Cuba",
|
||||||
|
"CV": "Cape Verde",
|
||||||
|
"CX": "Christmas Island",
|
||||||
|
"CY": "Cyprus",
|
||||||
|
"CZ": "Czech Republic",
|
||||||
|
"DD": "East Germany",
|
||||||
|
"DE": "Germany",
|
||||||
|
"DJ": "Djibouti",
|
||||||
|
"DK": "Denmark",
|
||||||
|
"DM": "Dominica",
|
||||||
|
"DO": "Dominican Republic",
|
||||||
|
"DZ": "Algeria",
|
||||||
|
"EC": "Ecuador",
|
||||||
|
"EE": "Estonia",
|
||||||
|
"EG": "Egypt",
|
||||||
|
"EH": "Western Sahara",
|
||||||
|
"ER": "Eritrea",
|
||||||
|
"ES": "Spain",
|
||||||
|
"ET": "Ethiopia",
|
||||||
|
"FI": "Finland",
|
||||||
|
"FJ": "Fiji",
|
||||||
|
"FK": "Falkland Islands",
|
||||||
|
"FM": "Micronesia",
|
||||||
|
"FO": "Faroe Islands",
|
||||||
|
"FQ": "French Southern and Antarctic Territories",
|
||||||
|
"FR": "France",
|
||||||
|
"FX": "Metropolitan France",
|
||||||
|
"GA": "Gabon",
|
||||||
|
"GB": "United Kingdom",
|
||||||
|
"GD": "Grenada",
|
||||||
|
"GE": "Georgia",
|
||||||
|
"GF": "French Guiana",
|
||||||
|
"GG": "Guernsey",
|
||||||
|
"GH": "Ghana",
|
||||||
|
"GI": "Gibraltar",
|
||||||
|
"GL": "Greenland",
|
||||||
|
"GM": "Gambia",
|
||||||
|
"GN": "Guinea",
|
||||||
|
"GP": "Guadeloupe",
|
||||||
|
"GQ": "Equatorial Guinea",
|
||||||
|
"GR": "Greece",
|
||||||
|
"GS": "South Georgia and the South Sandwich Islands",
|
||||||
|
"GT": "Guatemala",
|
||||||
|
"GU": "Guam",
|
||||||
|
"GW": "Guinea-Bissau",
|
||||||
|
"GY": "Guyana",
|
||||||
|
"HK": "Hong Kong SAR China",
|
||||||
|
"HM": "Heard Island and McDonald Islands",
|
||||||
|
"HN": "Honduras",
|
||||||
|
"HR": "Croatia",
|
||||||
|
"HT": "Haiti",
|
||||||
|
"HU": "Hungary",
|
||||||
|
"ID": "Indonesia",
|
||||||
|
"IE": "Ireland",
|
||||||
|
"IL": "Israel",
|
||||||
|
"IM": "Isle of Man",
|
||||||
|
"IN": "India",
|
||||||
|
"IO": "British Indian Ocean Territory",
|
||||||
|
"IQ": "Iraq",
|
||||||
|
"IR": "Iran",
|
||||||
|
"IS": "Iceland",
|
||||||
|
"IT": "Italy",
|
||||||
|
"JE": "Jersey",
|
||||||
|
"JM": "Jamaica",
|
||||||
|
"JO": "Jordan",
|
||||||
|
"JP": "Japan",
|
||||||
|
"JT": "Johnston Island",
|
||||||
|
"KE": "Kenya",
|
||||||
|
"KG": "Kyrgyzstan",
|
||||||
|
"KH": "Cambodia",
|
||||||
|
"KI": "Kiribati",
|
||||||
|
"KM": "Comoros",
|
||||||
|
"KN": "Saint Kitts and Nevis",
|
||||||
|
"KP": "North Korea",
|
||||||
|
"KR": "South Korea",
|
||||||
|
"KW": "Kuwait",
|
||||||
|
"KY": "Cayman Islands",
|
||||||
|
"KZ": "Kazakhstan",
|
||||||
|
"LA": "Laos",
|
||||||
|
"LB": "Lebanon",
|
||||||
|
"LC": "Saint Lucia",
|
||||||
|
"LI": "Liechtenstein",
|
||||||
|
"LK": "Sri Lanka",
|
||||||
|
"LR": "Liberia",
|
||||||
|
"LS": "Lesotho",
|
||||||
|
"LT": "Lithuania",
|
||||||
|
"LU": "Luxembourg",
|
||||||
|
"LV": "Latvia",
|
||||||
|
"LY": "Libya",
|
||||||
|
"MA": "Morocco",
|
||||||
|
"MC": "Monaco",
|
||||||
|
"MD": "Moldova",
|
||||||
|
"ME": "Montenegro",
|
||||||
|
"MF": "Saint Martin",
|
||||||
|
"MG": "Madagascar",
|
||||||
|
"MH": "Marshall Islands",
|
||||||
|
"MI": "Midway Islands",
|
||||||
|
"MK": "Macedonia",
|
||||||
|
"ML": "Mali",
|
||||||
|
"MM": "Myanmar [Burma]",
|
||||||
|
"MN": "Mongolia",
|
||||||
|
"MO": "Macau SAR China",
|
||||||
|
"MP": "Northern Mariana Islands",
|
||||||
|
"MQ": "Martinique",
|
||||||
|
"MR": "Mauritania",
|
||||||
|
"MS": "Montserrat",
|
||||||
|
"MT": "Malta",
|
||||||
|
"MU": "Mauritius",
|
||||||
|
"MV": "Maldives",
|
||||||
|
"MW": "Malawi",
|
||||||
|
"MX": "Mexico",
|
||||||
|
"MY": "Malaysia",
|
||||||
|
"MZ": "Mozambique",
|
||||||
|
"NA": "Namibia",
|
||||||
|
"NC": "New Caledonia",
|
||||||
|
"NE": "Niger",
|
||||||
|
"NF": "Norfolk Island",
|
||||||
|
"NG": "Nigeria",
|
||||||
|
"NI": "Nicaragua",
|
||||||
|
"NL": "Netherlands",
|
||||||
|
"NO": "Norway",
|
||||||
|
"NP": "Nepal",
|
||||||
|
"NQ": "Dronning Maud Land",
|
||||||
|
"NR": "Nauru",
|
||||||
|
"NT": "Neutral Zone",
|
||||||
|
"NU": "Niue",
|
||||||
|
"NZ": "New Zealand",
|
||||||
|
"OM": "Oman",
|
||||||
|
"PA": "Panama",
|
||||||
|
"PC": "Pacific Islands Trust Territory",
|
||||||
|
"PE": "Peru",
|
||||||
|
"PF": "French Polynesia",
|
||||||
|
"PG": "Papua New Guinea",
|
||||||
|
"PH": "Philippines",
|
||||||
|
"PK": "Pakistan",
|
||||||
|
"PL": "Poland",
|
||||||
|
"PM": "Saint Pierre and Miquelon",
|
||||||
|
"PN": "Pitcairn Islands",
|
||||||
|
"PR": "Puerto Rico",
|
||||||
|
"PS": "Palestinian Territories",
|
||||||
|
"PT": "Portugal",
|
||||||
|
"PU": "U.S. Miscellaneous Pacific Islands",
|
||||||
|
"PW": "Palau",
|
||||||
|
"PY": "Paraguay",
|
||||||
|
"PZ": "Panama Canal Zone",
|
||||||
|
"QA": "Qatar",
|
||||||
|
"RE": "R\u00e9union",
|
||||||
|
"RO": "Romania",
|
||||||
|
"RS": "Serbia",
|
||||||
|
"RU": "Russia",
|
||||||
|
"RW": "Rwanda",
|
||||||
|
"SA": "Saudi Arabia",
|
||||||
|
"SB": "Solomon Islands",
|
||||||
|
"SC": "Seychelles",
|
||||||
|
"SD": "Sudan",
|
||||||
|
"SE": "Sweden",
|
||||||
|
"SG": "Singapore",
|
||||||
|
"SH": "Saint Helena",
|
||||||
|
"SI": "Slovenia",
|
||||||
|
"SJ": "Svalbard and Jan Mayen",
|
||||||
|
"SK": "Slovakia",
|
||||||
|
"SL": "Sierra Leone",
|
||||||
|
"SM": "San Marino",
|
||||||
|
"SN": "Senegal",
|
||||||
|
"SO": "Somalia",
|
||||||
|
"SR": "Suriname",
|
||||||
|
"ST": "S\u00e3o Tom\u00e9 and Pr\u00edncipe",
|
||||||
|
"SU": "Union of Soviet Socialist Republics",
|
||||||
|
"SV": "El Salvador",
|
||||||
|
"SY": "Syria",
|
||||||
|
"SZ": "Swaziland",
|
||||||
|
"TC": "Turks and Caicos Islands",
|
||||||
|
"TD": "Chad",
|
||||||
|
"TF": "French Southern Territories",
|
||||||
|
"TG": "Togo",
|
||||||
|
"TH": "Thailand",
|
||||||
|
"TJ": "Tajikistan",
|
||||||
|
"TK": "Tokelau",
|
||||||
|
"TL": "Timor-Leste",
|
||||||
|
"TM": "Turkmenistan",
|
||||||
|
"TN": "Tunisia",
|
||||||
|
"TO": "Tonga",
|
||||||
|
"TR": "Turkey",
|
||||||
|
"TT": "Trinidad and Tobago",
|
||||||
|
"TV": "Tuvalu",
|
||||||
|
"TW": "Taiwan",
|
||||||
|
"TZ": "Tanzania",
|
||||||
|
"UA": "Ukraine",
|
||||||
|
"UG": "Uganda",
|
||||||
|
"UM": "U.S. Minor Outlying Islands",
|
||||||
|
"US": "United States",
|
||||||
|
"UY": "Uruguay",
|
||||||
|
"UZ": "Uzbekistan",
|
||||||
|
"VA": "Vatican City",
|
||||||
|
"VC": "Saint Vincent and the Grenadines",
|
||||||
|
"VD": "North Vietnam",
|
||||||
|
"VE": "Venezuela",
|
||||||
|
"VG": "British Virgin Islands",
|
||||||
|
"VI": "U.S. Virgin Islands",
|
||||||
|
"VN": "Vietnam",
|
||||||
|
"VU": "Vanuatu",
|
||||||
|
"WF": "Wallis and Futuna",
|
||||||
|
"WK": "Wake Island",
|
||||||
|
"WS": "Samoa",
|
||||||
|
"YD": "People's Democratic Republic of Yemen",
|
||||||
|
"YE": "Yemen",
|
||||||
|
"YT": "Mayotte",
|
||||||
|
"ZA": "South Africa",
|
||||||
|
"ZM": "Zambia",
|
||||||
|
"ZW": "Zimbabwe",
|
||||||
|
"ZZ": "Unknown or Invalid Region"
|
||||||
|
}
|
||||||
10
content/styles.css
Normal file
10
content/styles.css
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
body { font-family: sans-serif; font-size: 14px; line-height: 1.6em; margin: 0; padding: 0; }
|
||||||
|
.container { width: 800px; margin: 0 auto; }
|
||||||
|
|
||||||
|
.autocomplete-w1 { position: absolute; top: 0px; left: 0px; }
|
||||||
|
.autocomplete { border: 1px solid #999; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
|
||||||
|
.autocomplete .selected { background: #F0F0F0; }
|
||||||
|
.autocomplete div { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
|
||||||
|
.autocomplete strong { font-weight: normal; color: #3399FF; }
|
||||||
|
|
||||||
|
#query { font-size: 28px; padding: 10px; border: 1px solid #CCC; display: block; margin: 40px; }
|
||||||
21
demo.htm
Normal file
21
demo.htm
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>DevBridge Autocomplete Demo</title>
|
||||||
|
<link href="content/styles.css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h1>Ajax Autocomplete Demo</h1>
|
||||||
|
<p>Type country name in english:</p>
|
||||||
|
<div>
|
||||||
|
<input type="text" name="query" id="query"/>
|
||||||
|
</div>
|
||||||
|
<div id="selection"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="scripts/jquery-1.8.2.min.js"></script>
|
||||||
|
<script type="text/javascript" src="src/jquery.autocomplete.js"></script>
|
||||||
|
<script type="text/javascript" src="scripts/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
23
scripts/demo.js
Normal file
23
scripts/demo.js
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
/*jslint browser: true, white: true, plusplus: true */
|
||||||
|
/*global $: true */
|
||||||
|
|
||||||
|
$(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: 'content/countries.txt',
|
||||||
|
dataType: 'json'
|
||||||
|
}).done(function (data) {
|
||||||
|
var status = $('#selection'),
|
||||||
|
countries = $.map(data, function (value) {
|
||||||
|
return value;
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#query').autocomplete({
|
||||||
|
lookup: countries,
|
||||||
|
onSelect: function (suggestion) {
|
||||||
|
status.html('You selected: ' + suggestion);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
2
scripts/jquery-1.8.2.min.js
vendored
Normal file
2
scripts/jquery-1.8.2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user