Biblioteca de JavaScript ligera de autocompletar/Typehead-Ka-Autocompletar

Tiempo de ejecución: 30 minutos. Empezar

Autor: ankursatriani
Views Total: 1,339
Sitio oficial: Ir a la web
Actualizado: May 21, 2015
Licencia: MIT

Vista prévia

Biblioteca de JavaScript ligera de autocompletar/Typehead-Ka-Autocompletar

Descripción

Ka-Autocompletar es una librería de JavaScript Pure Vanilla usada para agregar la funcionalidad de autocompletado/tipo de letra al cuadro de texto. Ingresa un personaje y verás que la lista se rellena con sugerencias.

Funcionamiento

Cargue el JavaScript y la hoja de estilo necesarios en el documento.

<link rel="stylesheet" href="css/ka-autocomplete.css">
<script src="js/ka-autocomplete.js"></script>

Cree una lista de sugerencias.

var list = [


'The Beatles',


'The Doors',



'AC/DC',


'Led Zeppelin',


'Pink Floyd',


'The Rolling Stones',


'Jefferson Airplane',


'The Who',


'Metallica',


'Lynyrd Skynyrd',


'Queen',


'Guns N Roses',


'Black Sabbath',


'Aerosmith',


'Creedence Clearwater Revival',


'Scorpions',


'Kiss',


'Bad Company',


'Steppenwolf',


'The Velvet Underground',


'Bob Dylan',


'The Kinks',


'Iron Maiden',


'The Allman Brothers Band',


'Deep Purple',


'The Black Keys',


'The Clash',


'Def Leppard',


'Simon & Garfunkel',


'Motley Crue'

]

Inicializar el complemento de autocompletado/tipo de cabezal en el contenedor de destino.

var kaAutocompleteWrapper = document.getElementById('ka-autocomplete');
kaAutocomplete.create(kaAutocompleteWrapper, list);

Te puede interesar: