JavaScript: Простой поиск
Простой и невероятно быстрый JavaScript, который добавляет поиск, сортировку, фильтры и гибкость к простым HTML-спискам, таблицам или чему-либо еще.
<div id="test-list">
<input type="text" class="fuzzy-search" />
<ul class="pagination1"></ul>
<ul class="list">
<li><p class="name">Guybrush Threepwood</p></li>
<li><p class="name">Manny Calavera</p></li>
<li><p class="name">Bernard Bernoulli</p></li>
<li><p class="name">LeChuck</p></li>
<li><p class="name">Elaine Marley-Threepwood</p></li>
<li><p class="name">Purple Tentacle</p></li>
<li><p class="name">Adrian Ripburger</p></li>
<li><p class="name">Bobbin Threadbare</p></li>
<li><p class="name">Murray the Demonic Skull</p></li>
<li><p class="name">Zak McKracken</p></li>
</ul>
<ul class="pagination2"></ul>
</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script>
<script>
var options = {
valueNames: ['name'],
pagination: [{
paginationClass: 'pagination1',
innerWindow:1
},{
paginationClass: 'pagination2'
}],
page:3
};
var monkeyList = new List('test-list', options);
console.log(monkeyList);
</script>
Сайт проекта