JavaScript - плагин адресных подсказок

Чтобы установить на своём сайте адресные подсказки, необходимо иметь доступ к редактированию кода сайте. Как правило, в компаниях за это отвечает веб-мастер. Установить плагин подсказок Typedata не сложнее, чем установка Яндекс.Метрики или Google Analytics.

Установка CSS стилей и JS плагина

Добавьте в тэг head на сайте код со стилями и JS скрипт с кодом плагина подсказок.

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typedata-suggestions@latest/dist/typedata-suggestions.css">
        ...
        <script src="https://cdn.jsdelivr.net/npm/typedata-suggestions@latest/dist/typedata-suggestions.min.js"></script>
    </head>
    <body>
        ...
    </body>
</html>

Добавление JavaScript кода и HTML поля ввода адреса на сайт

Замените TOKEN на ваш ключ авторизации из личного кабинета.

<!DOCTYPE html>
<html lang="en">
    <head>
    ...
    </head>
    <body>
    ...
    <div class="typedataSuggestions_wrapper">
        <input id="typedataSuggestions" type="search" spellcheck=false autocorrect="off" autocomplete="off" autocapitalize="off">
    </div>
    <script>
    const typedataSuggestionsJS = new typedataSuggestions({
        token: 'TOKEN',
            events: {
            input: {
                selection: (event) => {
                    const selection = event.detail.selection.value;
                    typedataSuggestionsJS.input.value = selection.value;
                    alert(JSON.stringify(selection));
                }
            }
        }
    });
    </script>
    ...
    </body>
</html>

Больше информации: