aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorEvgeny Zinoviev <me@ch1p.io>2021-02-01 17:31:59 +0300
committerEvgeny Zinoviev <me@ch1p.io>2021-02-01 17:31:59 +0300
commit724ee6c6f4ebb69a3a5200cd5d29dbe54991ad91 (patch)
treee01845f85514eb5431926d14eebfe73beb7983c2
parentadf2068ba6eca47536f9260861d241bda9694ca2 (diff)
add example
Diffstat
-rw-r--r--example/example.html1032
1 files changed, 1032 insertions, 0 deletions
diff --git a/example/example.html b/example/example.html
new file mode 100644
index 0000000..225105d
--- /dev/null
+++ b/example/example.html
@@ -0,0 +1,1032 @@
+<!doctype html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
+
+ <script src="../autocomplete.js"></script>
+ <title>Example</title>
+</head>
+<body>
+<div class="container pt-4 pb-4">
+ <div class="h-100 d-flex flex-column bd-highlight">
+ <div class="input-group">
+ <input type="text" class="form-control" id="input" placeholder="Start typing..." autocomplete="off">
+ </div>
+ </div>
+</div>
+<script>
+ const field = document.getElementById('input');
+ const ac = new Autocomplete(field, {
+ data: [{label: "I'm a label", value: 42}],
+ maximumItems: 5,
+ treshold: 1,
+ onSelectItem: ({label, value}) => {
+ console.log("user selected:", label, value);
+ }
+ });
+
+ ac.setData([
+ {
+ "label": "Afghanistan",
+ "value": "AF"
+ },
+ {
+ "label": "Albania",
+ "value": "AL"
+ },
+ {
+ "label": "Algeria",
+ "value": "DZ"
+ },
+ {
+ "label": "American Samoa",
+ "value": "AS"
+ },
+ {
+ "label": "Andorra",
+ "value": "AD"
+ },
+ {
+ "label": "Angola",
+ "value": "AO"
+ },
+ {
+ "label": "Anguilla",
+ "value": "AI"
+ },
+ {
+ "label": "Antarctica",
+ "value": "AQ"
+ },
+ {
+ "label": "Antigua and Barbuda",
+ "value": "AG"
+ },
+ {
+ "label": "Argentina",
+ "value": "AR"
+ },
+ {
+ "label": "Armenia",
+ "value": "AM"
+ },
+ {
+ "label": "Aruba",
+ "value": "AW"
+ },
+ {
+ "label": "Australia",
+ "value": "AU"
+ },
+ {
+ "label": "Austria",
+ "value": "AT"
+ },
+ {
+ "label": "Azerbaijan",
+ "value": "AZ"
+ },
+ {
+ "label": "Bahamas (the)",
+ "value": "BS"
+ },
+ {
+ "label": "Bahrain",
+ "value": "BH"
+ },
+ {
+ "label": "Bangladesh",
+ "value": "BD"
+ },
+ {
+ "label": "Barbados",
+ "value": "BB"
+ },
+ {
+ "label": "Belarus",
+ "value": "BY"
+ },
+ {
+ "label": "Belgium",
+ "value": "BE"
+ },
+ {
+ "label": "Belize",
+ "value": "BZ"
+ },
+ {
+ "label": "Benin",
+ "value": "BJ"
+ },
+ {
+ "label": "Bermuda",
+ "value": "BM"
+ },
+ {
+ "label": "Bhutan",
+ "value": "BT"
+ },
+ {
+ "label": "Bolivia (Plurinational State of)",
+ "value": "BO"
+ },
+ {
+ "label": "Bonaire, Sint Eustatius and Saba",
+ "value": "BQ"
+ },
+ {
+ "label": "Bosnia and Herzegovina",
+ "value": "BA"
+ },
+ {
+ "label": "Botswana",
+ "value": "BW"
+ },
+ {
+ "label": "Bouvet Island",
+ "value": "BV"
+ },
+ {
+ "label": "Brazil",
+ "value": "BR"
+ },
+ {
+ "label": "British Indian Ocean Territory (the)",
+ "value": "IO"
+ },
+ {
+ "label": "Brunei Darussalam",
+ "value": "BN"
+ },
+ {
+ "label": "Bulgaria",
+ "value": "BG"
+ },
+ {
+ "label": "Burkina Faso",
+ "value": "BF"
+ },
+ {
+ "label": "Burundi",
+ "value": "BI"
+ },
+ {
+ "label": "Cabo Verde",
+ "value": "CV"
+ },
+ {
+ "label": "Cambodia",
+ "value": "KH"
+ },
+ {
+ "label": "Cameroon",
+ "value": "CM"
+ },
+ {
+ "label": "Canada",
+ "value": "CA"
+ },
+ {
+ "label": "Cayman Islands (the)",
+ "value": "KY"
+ },
+ {
+ "label": "Central African Republic (the)",
+ "value": "CF"
+ },
+ {
+ "label": "Chad",
+ "value": "TD"
+ },
+ {
+ "label": "Chile",
+ "value": "CL"
+ },
+ {
+ "label": "China",
+ "value": "CN"
+ },
+ {
+ "label": "Christmas Island",
+ "value": "CX"
+ },
+ {
+ "label": "Cocos (Keeling) Islands (the)",
+ "value": "CC"
+ },
+ {
+ "label": "Colombia",
+ "value": "CO"
+ },
+ {
+ "label": "Comoros (the)",
+ "value": "KM"
+ },
+ {
+ "label": "Congo (the Democratic Republic of the)",
+ "value": "CD"
+ },
+ {
+ "label": "Congo (the)",
+ "value": "CG"
+ },
+ {
+ "label": "Cook Islands (the)",
+ "value": "CK"
+ },
+ {
+ "label": "Costa Rica",
+ "value": "CR"
+ },
+ {
+ "label": "Croatia",
+ "value": "HR"
+ },
+ {
+ "label": "Cuba",
+ "value": "CU"
+ },
+ {
+ "label": "Curaçao",
+ "value": "CW"
+ },
+ {
+ "label": "Cyprus",
+ "value": "CY"
+ },
+ {
+ "label": "Czechia",
+ "value": "CZ"
+ },
+ {
+ "label": "Côte d'Ivoire",
+ "value": "CI"
+ },
+ {
+ "label": "Denmark",
+ "value": "DK"
+ },
+ {
+ "label": "Djibouti",
+ "value": "DJ"
+ },
+ {
+ "label": "Dominica",
+ "value": "DM"
+ },
+ {
+ "label": "Dominican Republic (the)",
+ "value": "DO"
+ },
+ {
+ "label": "Ecuador",
+ "value": "EC"
+ },
+ {
+ "label": "Egypt",
+ "value": "EG"
+ },
+ {
+ "label": "El Salvador",
+ "value": "SV"
+ },
+ {
+ "label": "Equatorial Guinea",
+ "value": "GQ"
+ },
+ {
+ "label": "Eritrea",
+ "value": "ER"
+ },
+ {
+ "label": "Estonia",
+ "value": "EE"
+ },
+ {
+ "label": "Eswatini",
+ "value": "SZ"
+ },
+ {
+ "label": "Ethiopia",
+ "value": "ET"
+ },
+ {
+ "label": "Falkland Islands (the) [Malvinas]",
+ "value": "FK"
+ },
+ {
+ "label": "Faroe Islands (the)",
+ "value": "FO"
+ },
+ {
+ "label": "Fiji",
+ "value": "FJ"
+ },
+ {
+ "label": "Finland",
+ "value": "FI"
+ },
+ {
+ "label": "France",
+ "value": "FR"
+ },
+ {
+ "label": "French Guiana",
+ "value": "GF"
+ },
+ {
+ "label": "French Polynesia",
+ "value": "PF"
+ },
+ {
+ "label": "French Southern Territories (the)",
+ "value": "TF"
+ },
+ {
+ "label": "Gabon",
+ "value": "GA"
+ },
+ {
+ "label": "Gambia (the)",
+ "value": "GM"
+ },
+ {
+ "label": "Georgia",
+ "value": "GE"
+ },
+ {
+ "label": "Germany",
+ "value": "DE"
+ },
+ {
+ "label": "Ghana",
+ "value": "GH"
+ },
+ {
+ "label": "Gibraltar",
+ "value": "GI"
+ },
+ {
+ "label": "Greece",
+ "value": "GR"
+ },
+ {
+ "label": "Greenland",
+ "value": "GL"
+ },
+ {
+ "label": "Grenada",
+ "value": "GD"
+ },
+ {
+ "label": "Guadeloupe",
+ "value": "GP"
+ },
+ {
+ "label": "Guam",
+ "value": "GU"
+ },
+ {
+ "label": "Guatemala",
+ "value": "GT"
+ },
+ {
+ "label": "Guernsey",
+ "value": "GG"
+ },
+ {
+ "label": "Guinea",
+ "value": "GN"
+ },
+ {
+ "label": "Guinea-Bissau",
+ "value": "GW"
+ },
+ {
+ "label": "Guyana",
+ "value": "GY"
+ },
+ {
+ "label": "Haiti",
+ "value": "HT"
+ },
+ {
+ "label": "Heard Island and McDonald Islands",
+ "value": "HM"
+ },
+ {
+ "label": "Holy See (the)",
+ "value": "VA"
+ },
+ {
+ "label": "Honduras",
+ "value": "HN"
+ },
+ {
+ "label": "Hong Kong",
+ "value": "HK"
+ },
+ {
+ "label": "Hungary",
+ "value": "HU"
+ },
+ {
+ "label": "Iceland",
+ "value": "IS"
+ },
+ {
+ "label": "India",
+ "value": "IN"
+ },
+ {
+ "label": "Indonesia",
+ "value": "ID"
+ },
+ {
+ "label": "Iran (Islamic Republic of)",
+ "value": "IR"
+ },
+ {
+ "label": "Iraq",
+ "value": "IQ"
+ },
+ {
+ "label": "Ireland",
+ "value": "IE"
+ },
+ {
+ "label": "Isle of Man",
+ "value": "IM"
+ },
+ {
+ "label": "Israel",
+ "value": "IL"
+ },
+ {
+ "label": "Italy",
+ "value": "IT"
+ },
+ {
+ "label": "Jamaica",
+ "value": "JM"
+ },
+ {
+ "label": "Japan",
+ "value": "JP"
+ },
+ {
+ "label": "Jersey",
+ "value": "JE"
+ },
+ {
+ "label": "Jordan",
+ "value": "JO"
+ },
+ {
+ "label": "Kazakhstan",
+ "value": "KZ"
+ },
+ {
+ "label": "Kenya",
+ "value": "KE"
+ },
+ {
+ "label": "Kiribati",
+ "value": "KI"
+ },
+ {
+ "label": "Korea (the Democratic People's Republic of)",
+ "value": "KP"
+ },
+ {
+ "label": "Korea (the Republic of)",
+ "value": "KR"
+ },
+ {
+ "label": "Kuwait",
+ "value": "KW"
+ },
+ {
+ "label": "Kyrgyzstan",
+ "value": "KG"
+ },
+ {
+ "label": "Lao People's Democratic Republic (the)",
+ "value": "LA"
+ },
+ {
+ "label": "Latvia",
+ "value": "LV"
+ },
+ {
+ "label": "Lebanon",
+ "value": "LB"
+ },
+ {
+ "label": "Lesotho",
+ "value": "LS"
+ },
+ {
+ "label": "Liberia",
+ "value": "LR"
+ },
+ {
+ "label": "Libya",
+ "value": "LY"
+ },
+ {
+ "label": "Liechtenstein",
+ "value": "LI"
+ },
+ {
+ "label": "Lithuania",
+ "value": "LT"
+ },
+ {
+ "label": "Luxembourg",
+ "value": "LU"
+ },
+ {
+ "label": "Macao",
+ "value": "MO"
+ },
+ {
+ "label": "Madagascar",
+ "value": "MG"
+ },
+ {
+ "label": "Malawi",
+ "value": "MW"
+ },
+ {
+ "label": "Malaysia",
+ "value": "MY"
+ },
+ {
+ "label": "Maldives",
+ "value": "MV"
+ },
+ {
+ "label": "Mali",
+ "value": "ML"
+ },
+ {
+ "label": "Malta",
+ "value": "MT"
+ },
+ {
+ "label": "Marshall Islands (the)",
+ "value": "MH"
+ },
+ {
+ "label": "Martinique",
+ "value": "MQ"
+ },
+ {
+ "label": "Mauritania",
+ "value": "MR"
+ },
+ {
+ "label": "Mauritius",
+ "value": "MU"
+ },
+ {
+ "label": "Mayotte",
+ "value": "YT"
+ },
+ {
+ "label": "Mexico",
+ "value": "MX"
+ },
+ {
+ "label": "Micronesia (Federated States of)",
+ "value": "FM"
+ },
+ {
+ "label": "Moldova (the Republic of)",
+ "value": "MD"
+ },
+ {
+ "label": "Monaco",
+ "value": "MC"
+ },
+ {
+ "label": "Mongolia",
+ "value": "MN"
+ },
+ {
+ "label": "Montenegro",
+ "value": "ME"
+ },
+ {
+ "label": "Montserrat",
+ "value": "MS"
+ },
+ {
+ "label": "Morocco",
+ "value": "MA"
+ },
+ {
+ "label": "Mozambique",
+ "value": "MZ"
+ },
+ {
+ "label": "Myanmar",
+ "value": "MM"
+ },
+ {
+ "label": "Namibia",
+ "value": "NA"
+ },
+ {
+ "label": "Nauru",
+ "value": "NR"
+ },
+ {
+ "label": "Nepal",
+ "value": "NP"
+ },
+ {
+ "label": "Netherlands (the)",
+ "value": "NL"
+ },
+ {
+ "label": "New Caledonia",
+ "value": "NC"
+ },
+ {
+ "label": "New Zealand",
+ "value": "NZ"
+ },
+ {
+ "label": "Nicaragua",
+ "value": "NI"
+ },
+ {
+ "label": "Niger (the)",
+ "value": "NE"
+ },
+ {
+ "label": "Nigeria",
+ "value": "NG"
+ },
+ {
+ "label": "Niue",
+ "value": "NU"
+ },
+ {
+ "label": "Norfolk Island",
+ "value": "NF"
+ },
+ {
+ "label": "Northern Mariana Islands (the)",
+ "value": "MP"
+ },
+ {
+ "label": "Norway",
+ "value": "NO"
+ },
+ {
+ "label": "Oman",
+ "value": "OM"
+ },
+ {
+ "label": "Pakistan",
+ "value": "PK"
+ },
+ {
+ "label": "Palau",
+ "value": "PW"
+ },
+ {
+ "label": "Palestine, State of",
+ "value": "PS"
+ },
+ {
+ "label": "Panama",
+ "value": "PA"
+ },
+ {
+ "label": "Papua New Guinea",
+ "value": "PG"
+ },
+ {
+ "label": "Paraguay",
+ "value": "PY"
+ },
+ {
+ "label": "Peru",
+ "value": "PE"
+ },
+ {
+ "label": "Philippines (the)",
+ "value": "PH"
+ },
+ {
+ "label": "Pitcairn",
+ "value": "PN"
+ },
+ {
+ "label": "Poland",
+ "value": "PL"
+ },
+ {
+ "label": "Portugal",
+ "value": "PT"
+ },
+ {
+ "label": "Puerto Rico",
+ "value": "PR"
+ },
+ {
+ "label": "Qatar",
+ "value": "QA"
+ },
+ {
+ "label": "Republic of North Macedonia",
+ "value": "MK"
+ },
+ {
+ "label": "Romania",
+ "value": "RO"
+ },
+ {
+ "label": "Russian Federation (the)",
+ "value": "RU"
+ },
+ {
+ "label": "Rwanda",
+ "value": "RW"
+ },
+ {
+ "label": "Réunion",
+ "value": "RE"
+ },
+ {
+ "label": "Saint Barthélemy",
+ "value": "BL"
+ },
+ {
+ "label": "Saint Helena, Ascension and Tristan da Cunha",
+ "value": "SH"
+ },
+ {
+ "label": "Saint Kitts and Nevis",
+ "value": "KN"
+ },
+ {
+ "label": "Saint Lucia",
+ "value": "LC"
+ },
+ {
+ "label": "Saint Martin (French part)",
+ "value": "MF"
+ },
+ {
+ "label": "Saint Pierre and Miquelon",
+ "value": "PM"
+ },
+ {
+ "label": "Saint Vincent and the Grenadines",
+ "value": "VC"
+ },
+ {
+ "label": "Samoa",
+ "value": "WS"
+ },
+ {
+ "label": "San Marino",
+ "value": "SM"
+ },
+ {
+ "label": "Sao Tome and Principe",
+ "value": "ST"
+ },
+ {
+ "label": "Saudi Arabia",
+ "value": "SA"
+ },
+ {
+ "label": "Senegal",
+ "value": "SN"
+ },
+ {
+ "label": "Serbia",
+ "value": "RS"
+ },
+ {
+ "label": "Seychelles",
+ "value": "SC"
+ },
+ {
+ "label": "Sierra Leone",
+ "value": "SL"
+ },
+ {
+ "label": "Singapore",
+ "value": "SG"
+ },
+ {
+ "label": "Sint Maarten (Dutch part)",
+ "value": "SX"
+ },
+ {
+ "label": "Slovakia",
+ "value": "SK"
+ },
+ {
+ "label": "Slovenia",
+ "value": "SI"
+ },
+ {
+ "label": "Solomon Islands",
+ "value": "SB"
+ },
+ {
+ "label": "Somalia",
+ "value": "SO"
+ },
+ {
+ "label": "South Africa",
+ "value": "ZA"
+ },
+ {
+ "label": "South Georgia and the South Sandwich Islands",
+ "value": "GS"
+ },
+ {
+ "label": "South Sudan",
+ "value": "SS"
+ },
+ {
+ "label": "Spain",
+ "value": "ES"
+ },
+ {
+ "label": "Sri Lanka",
+ "value": "LK"
+ },
+ {
+ "label": "Sudan (the)",
+ "value": "SD"
+ },
+ {
+ "label": "Suriname",
+ "value": "SR"
+ },
+ {
+ "label": "Svalbard and Jan Mayen",
+ "value": "SJ"
+ },
+ {
+ "label": "Sweden",
+ "value": "SE"
+ },
+ {
+ "label": "Switzerland",
+ "value": "CH"
+ },
+ {
+ "label": "Syrian Arab Republic",
+ "value": "SY"
+ },
+ {
+ "label": "Taiwan (Province of China)",
+ "value": "TW"
+ },
+ {
+ "label": "Tajikistan",
+ "value": "TJ"
+ },
+ {
+ "label": "Tanzania, United Republic of",
+ "value": "TZ"
+ },
+ {
+ "label": "Thailand",
+ "value": "TH"
+ },
+ {
+ "label": "Timor-Leste",
+ "value": "TL"
+ },
+ {
+ "label": "Togo",
+ "value": "TG"
+ },
+ {
+ "label": "Tokelau",
+ "value": "TK"
+ },
+ {
+ "label": "Tonga",
+ "value": "TO"
+ },
+ {
+ "label": "Trinidad and Tobago",
+ "value": "TT"
+ },
+ {
+ "label": "Tunisia",
+ "value": "TN"
+ },
+ {
+ "label": "Turkey",
+ "value": "TR"
+ },
+ {
+ "label": "Turkmenistan",
+ "value": "TM"
+ },
+ {
+ "label": "Turks and Caicos Islands (the)",
+ "value": "TC"
+ },
+ {
+ "label": "Tuvalu",
+ "value": "TV"
+ },
+ {
+ "label": "Uganda",
+ "value": "UG"
+ },
+ {
+ "label": "Ukraine",
+ "value": "UA"
+ },
+ {
+ "label": "United Arab Emirates (the)",
+ "value": "AE"
+ },
+ {
+ "label": "United Kingdom of Great Britain and Northern Ireland (the)",
+ "value": "GB"
+ },
+ {
+ "label": "United States Minor Outlying Islands (the)",
+ "value": "UM"
+ },
+ {
+ "label": "United States of America (the)",
+ "value": "US"
+ },
+ {
+ "label": "Uruguay",
+ "value": "UY"
+ },
+ {
+ "label": "Uzbekistan",
+ "value": "UZ"
+ },
+ {
+ "label": "Vanuatu",
+ "value": "VU"
+ },
+ {
+ "label": "Venezuela (Bolivarian Republic of)",
+ "value": "VE"
+ },
+ {
+ "label": "Viet Nam",
+ "value": "VN"
+ },
+ {
+ "label": "Virgin Islands (British)",
+ "value": "VG"
+ },
+ {
+ "label": "Virgin Islands (U.S.)",
+ "value": "VI"
+ },
+ {
+ "label": "Wallis and Futuna",
+ "value": "WF"
+ },
+ {
+ "label": "Western Sahara",
+ "value": "EH"
+ },
+ {
+ "label": "Yemen",
+ "value": "YE"
+ },
+ {
+ "label": "Zambia",
+ "value": "ZM"
+ },
+ {
+ "label": "Zimbabwe",
+ "value": "ZW"
+ },
+ {
+ "label": "Åland Islands",
+ "value": "AX"
+ }
+ ]);
+</script>
+</body>
+</html>
generated by cgit v1.2.3 (git 2.39.1) at 2024-05-18 22:41:42 +0000