JavaScript docsearch jsの例

コード例 #1

ファイル: algolia-autocomplete.js プロジェクト: reactphp/website

export function init(input) {
    let id = input.getAttribute('id');

    if (!id) {
        id = 'docsearch-' + idCounter++;
        input.setAttribute('id', id);
    }

    docsearch({
        apiKey: '4c440463ddff54a35b4d7dc24afb010b',
        indexName: 'reactphp',
        inputSelector: '#' + id,
        debug: 'true' === input.getAttribute('data-docsearch-debug'),
        algoliaOptions: {
            hitsPerPage: 5
        }
    });
}

コード例 #2

ファイル: docsearch.js プロジェクト: digideskio/places-1

import docsearch from 'docsearch.js';

const search = docsearch({
  apiKey: '5718722ffb11e109821befd53a1d9fde',
  indexName: 'places',
  inputSelector: '#docsearch'
});

const form = document.querySelector('#docsearch-form');
const docsearchInput = document.querySelector('#docsearch');
const reset = form.querySelector('[type="reset"]');
const searchbox = form.querySelector('.aa-input');

reset
  .addEventListener('click', () => {
    searchbox.focus();
    reset.classList.add('hide');
    search.autocomplete.autocomplete.setVal('');
  });

docsearchInput
  .addEventListener('keyup', () => {
    if (searchbox.value.length === 0) {
      reset.classList.add('hide');
    } else {
      reset.classList.remove('hide');
    }
  });

docsearchInput.addEventListener('change', () => docsearchInput.classList.add('filled'));