Как сделать автокомплит поиск на сайте?

[Kazik]

Когда будет реализован умный поиск? очень нужно)

 

[Alisa]

Когда будет реализован умный поиск? очень нужно)

По ключевому слову Autocomplete JS масса решений, берите любое и добавляйте в шаблон.
URL для получения списка фильмов поиска - /search/title?json=1&q=Игра - DEMO

 

[Kazik]

По ключевому слову Autocomplete JS масса решений, берите любое и добавляйте в шаблон.
URL для получения списка фильмов поиска - /search/title?json=1&q=Игра - DEMO

Было бы неплохо если выложите краткий мануал как реализовать умный поиск, куда какой код вставить как подключить js, ну что то в этом роде, в поиске нашел это https://ruseller.com/lessons.php?rub=37&id=2729 , но не совсем понятно

 

[Alisa]

Было бы неплохо если выложите краткий мануал как реализовать умный поиск, куда какой код вставить как подключить js, ну что то в этом роде, в поиске нашел это https://ruseller.com/lessons.php?rub=37&id=2729 , но не совсем понятно

При беглом просмотре, да, подойдет и этот способ. Серверная чать уже есть, осталось подогнать под данные.
/query?q=%QUERY% -> /search/title?json=1&q=%QUERY%
Массив с фильмами находится в movies.

 

[Kazik]

При беглом просмотре, да, подойдет и этот способ. Серверная чать уже есть, осталось подогнать под данные.
/query?q=%QUERY% -> /search/title?json=1&q=%QUERY%
Массив с фильмами находится в movies.

Посмотреть вложение 312

все равно не получается, вот если бы вы описали все действия пошагово было бы хорошо, да и чтобы поиск осуществлялся по актерам

 

[7kadrtv]

При беглом просмотре, да, подойдет и этот способ. Серверная чать уже есть, осталось подогнать под данные.
/query?q=%QUERY% -> /search/title?json=1&q=%QUERY%
Массив с фильмами находится в movies.

Посмотреть вложение 312

пытаюсь сделать по такой системе https://ruseller.com/lessons.php?rub=37&id=2729

по сути выдает,но все данные выдает, ид, название, описание и тд



А при выборе из ответов, получаем это

 

[7kadrtv]

При беглом просмотре, да, подойдет и этот способ. Серверная чать уже есть, осталось подогнать под данные.
/query?q=%QUERY% -> /search/title?json=1&q=%QUERY%
Массив с фильмами находится в movies.

Посмотреть вложение 312

код такой вот



что прописать в return '' ?

 

[Alisa]

код такой вот http://prntscr.com/ldxc8h

что прописать в return '' ?

У них return '<a href="' + data.profile.username + '" class="list-group-item">' + data.name + ' - @' + data.profile.username + '</a>'
У Вас return '<a href="' + data.url + '" class="list-group-item">' + data.title + '</a>'

 

[7kadrtv]

У них return '<a href="' + data.profile.username + '" class="list-group-item">' + data.name + ' - @' + data.profile.username + '</a>'
У Вас return '<a href="' + data.url + '" class="list-group-item">' + data.title + '</a>'

пробовал, но выводится так

 

[Alisa]

пробовал, но выводится так

Смотрите что в data console.log(data); передается и выводите нужные объекты.

 

[7kadrtv]

Смотрите что в data console.log(data); передается и выводите нужные объекты.

пробовал и с return

 

[BarryHunter]

Есть подозрение, что движок не подключен, ведь при чем там объект movies.
source: engine.ttAdapter(),

 

[7kadrtv]

Есть подозрение, что движок не подключен, ведь при чем там объект movies.
source: engine.ttAdapter(),

дак var = movies , поменял на engine все равно ничего не изменится от этого

 

[BarryHunter]

дак var = movies , поменял на engine все равно ничего не изменится от этого

Точно, не заметил.
Имя попробовать не менять, usersList.

 

[7kadrtv]

Точно, не заметил.
Имя попробовать не менять, usersList.

все так же

 

[7kadrtv]

Смотрите что в data console.log(data); передается и выводите нужные объекты.

 

[App]

попытаться на этом реализовать https://github.com/devbridge/jQuery-Autocomplete

<input type="text" name="country" id="autocomplete"/>

$('#autocomplete').autocomplete({
    serviceUrl: '/search/title',
    paramName: 'q',
    transformResult: function(response) {
        return {
            suggestions: $.map(response.movies, function(movie) {
                return {
                    title: movie.title,
                    url: movie.url
                };
            })
        };
    }
    onSelect: function(suggestion) {
        alert('You selected: ' + suggestion.url + ', ' + suggestion.title);
    }
});

<div class="autocomplete-suggestions">
    <div class="autocomplete-group"><strong></strong></div>
    <div class="autocomplete-suggestion autocomplete-selected">...</div>
    <div class="autocomplete-suggestion">...</div>
    <div class="autocomplete-suggestion">...</div>
</div>

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

 

[7kadrtv]

тут все правильно, у вас на скрине (https://enota.club/attachments/mm-png.312/) я вижу, что выводится movies > 0 > а потом уже и данные о фильмах как и на скрине у меня в консоле

 

[BarryHunter]

тут все правильно, у вас на скрине (https://enota.club/attachments/mm-png.312/) я вижу, что выводится movies > 0 > а потом уже и данные о фильмах как и на скрине у меня в консоле http://prntscr.com/ldyos8

Всё правильно работает.
Обработать массив нужно.

return data.map(function(movie){return '<a href="' + movie.url + '">' + movie.title + '</a>';}).join('')

 

[7kadrtv]

Всё правильно работает.
Обработать массив нужно.

return data.map(function(movie){return '<a href="' + movie.url + '">' + movie.title + '</a>';}).join('')

не сработало