@tarekraafat/autocomplete.js
Advanced tools
Simple autocomplete pure vanilla Javascript library. Demo
autoComplete.js is a simple pure vanilla Javascript library that's built for speed, high versatility and seamless integration with wide range of projects & systems.
https://github.com/TarekRaafat/autoComplete.js.git$ npm i
$ npm start
$ npm run build
CSS
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@1.3.0/dist/css/autoComplete.min.css">
</head>
JS
<body>
<script src="https://cdn.jsdelivr.net/gh/TarekRaafat/autoComplete.js@1.3.0/dist/js/autoComplete.min.js"></script>
</body>
<script src="./autoComplete.js"></script>
(Use with Import)<script src="./index.js" type="module"></script>
import autoComplete from "./autoComplete";
(Node Package Manager)https://www.npmjs.com/package/@tarekraafat/autocomplete.js
$ npm i @tarekraafat/autocomplete.js
const autoComplete = require("@tarekraafat/autocomplete.js/dist/js/autoComplete");
HTML file
<input id="autoComplete" type="text">
JS file
// The app instance creator
new autoComplete({
dataSrc: grocery, // Array data source
placeHolder: "Try me...", // Place Holder text
placeHolderLength: 26, // Max placeholder length
maxResults: 10, // Max number of results
highlight: true, // Highlight matching results
dataAttribute: {
tag: "set", // Data attribute tag
value: "value" // Data attribute value
},
onSelection: value => { // Action script onClick event
document.querySelector(".selection").innerHTML = value.id;
}
});
For general questions about autoComplete.js, tweet at @TarekRaafat.
For technical questions, you should post a question on Stack Overflow and tag it with autoComplete.js.
 IE / Edge |  Firefox |  Chrome |  Safari |  iOS Safari |  Samsung |  Opera |  Opera Mini |  Electron |
|---|---|---|---|---|---|---|---|---|
| Edge | last version | last version | last version | last version | last version | last version | last version | last version |
For transparency and insight into the release cycle, releases will be numbered with the following format:
<major>.<minor>.<patch>
And constructed with the following guidelines:
For more information on semantic versioning, please visit http://semver.org/.
Release flags:
[experimental]: Under testing and might be deprecated at any point.v1.3.0
datasrc a function that returns Arrayv1.2.1
[Experimental]v1.2.0
v1.1.0
(101KB -> 4KB)(pure, minified)v1.0.3
v1.0.2
v1.0.1
v1.0.0
(Plugin)[experimental]Contributions are always more than welcome!
If you have any ideas, just open an issue and tell me what you think.
If you'd like to contribute:
git checkout -b feature/fooBar)git commit -am 'Add some fooBar')git push origin feature/fooBar)Tarek Raafat - tarek.m.raafat@gmail.com
Distributed under the Apache 2.0 license. See Apache 2.0 for more information.
https://github.com/TarekRaafat/
Apache 2.0 © Tarek Raafat
FAQs
Simple autocomplete pure vanilla Javascript library.
The npm package @tarekraafat/autocomplete.js receives a total of 0 weekly downloads. As such, @tarekraafat/autocomplete.js popularity was classified as not popular.
We found that @tarekraafat/autocomplete.js demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
Security News
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.