Breaking News: Grepper is joining You.com. Read the official announcement!

Searchable

O R answered on May 3, 2022 Popularity 8/10 Helpfulness 1/10

answer Searchable

Searchable

Comment

(function () {
    var client = algoliasearch('Application ID', 'Admin API Key');
    var index = client.initIndex('headlines');
    //initialize autocomplete on search input (ID selector must match)
    autocomplete('#aa-search-input',
        {hint: false}, {
            source: autocomplete.sources.hits(index),
            //value to be displayed in input control after user's suggestion selection
            displayKey: 'title',
            //hash of templates used when rendering dataset
            templates: {
                suggestion: function (suggestion) {
                    return `
                        <div class="algolia-result">
                            <span>
                                ${suggestion._highlightResult.title.value.replace(/^(.{50}[^\s]*).*/, "$1")}
                            </span>
                            <span>${suggestion._highlightResult.category.value}</span>
                        </div>
                    `;
                }
            }
        }).on('autocomplete:selected', function (event, suggestion, dataset) {
            // console.log(suggestion)
        window.location.href = window.location.origin + '/headlines/' + suggestion.slug;
    });
})();
Copy code

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: programmierfrage.com

Tags: javascript searchable

Link to this answer
Share Copy Link