Голосовой поиск на JS

Пришлoсь eщe пoгуглить и нaшёл aльтeрнaтиву нa JS и сeйчaс распишу как его установить.Итак приступим1.Скачиваем исходник [isnt-logged]Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.[/isnt-logged][is-logged]speech-input-gh-pages.zip (2.14 Kb)[/is-logged] В предыдущей статье я писал о голосовом поиске на сайте,но как оказалось хром отказался от такого поиска,и работал этот поиск не во всех браузерах.
Открываем файл search.form.tpl и редактируем примерно такКод: <style>.si-wrapper input {font-size: 12px; padding: 3px;}</style><form role="search" method="get" class="search-form" action="{form_url}"><input type="hidden" name="category" value="" /><input type="hidden" name="postdate" value="" /><div class="si-wrapper"><input type="search" class="si-input" placeholder="Поиск…" name="search" /><button class="si-btn">speech input<span class="si-mic"></span><span class="si-holder"></span></button> </div><button type="submit">Найти</button></form>5.Ну вроде все,кому что не понятно смотрим источник или исходники,стили можно править под себя. ,распаковываем и заливаем файл speech-input.css в папку со стилями шаблона и файл speech-input.js .2.Подключаем стиль в хеадКод: <link rel="stylesheet" href="{{ tpl_url }}/css/speech-input.css">3.Перед закрытием тега body подключаем скриптКод: <script src="{{ tpl_url }}/js/speech-input.js"></script>4.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

четыре × два =