41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
<!-- this is an experimental of algolia search -->
|
|
|
|
<div class="search">
|
|
|
|
<input type="text" placeholder="search...">
|
|
</div>
|
|
<div class="results">
|
|
<ul id="users"></ul>
|
|
</div>
|
|
|
|
<script src="http://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var client = algoliasearch('{{site.algolia.application_id}}', '{{site.algolia.search_only_api_key}}');
|
|
var index = client.initIndex('{{site.algolia.index_name}}');
|
|
var $input = $('input');
|
|
$input.keyup(function() {
|
|
index.search($input.val(), {
|
|
hitsPerPage: 10,
|
|
facets: '*'
|
|
}, searchCallback);
|
|
}).focus();
|
|
});
|
|
|
|
function searchCallback(err, content) {
|
|
console.log(content);
|
|
if (err) {
|
|
console.error(err);
|
|
return;
|
|
}
|
|
|
|
var $users = $('#users');
|
|
$users.empty();
|
|
|
|
for (var i = 0; i < content.hits.length; i++) {
|
|
$users.append('<li> <a href="' + content.hits[i].url + '">' + content.hits[i].title + '</a></li>');
|
|
}
|
|
};
|
|
</script>
|