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

Доработать скрипт JS живого поиска на сайте

k
Заказчик
Отзывы фрилансеров: + 0 - 0
Зарегистрирован на сайте 12 лет и 11 месяцев
Бюджет: 700 руб
7.62 $ — 7.07 €
Исполнитель определен: Said Valc  
Здравствуйте !
На сайте есть живой поиск , работает он следующим образом : 

при вводе в строку поиска (от 3х символов) из базы подгружается список (например 100 элементов) , 
при дальнейшем вводе – подгрузки из базы нет,  выборка ложится на JS . 
Но тут есть один минус .. – при вводе второго слова оно должно идти строго по порядку из списка .. Это сильно затрудняет 
поиск. Вот пример того как работает поиск сейчас : 

1) вводим в строку "пет" 
2) выпадает список: 

петля накладная 
петля накладная большая
петля полунакладная
петля полунакладная 
петля вклданая
петля вкладная большая 

и тд.. 

3) если далее поставить пробел , то скрипт JS весь список скрывает , так как считает что "пет" это целое слово. 
4) если же я допишу полностью "петля", затем поставлю пробел, вроде бы все хрошо, но нет !
  если далее начать писать слово которое идет не попорядку, например "большая", то скрипт снова не видит совпадения. 

----------------
Что необходимо: 

Если отталкиваться от выше указанного списка, то неообходиом сделать так, что бы по
запросу "пет больш" или "пет накл" – js скрипт выдавал совпадающий список даже по части слова (начиная сначала слова) 
и вне зависимости от того на каком месте это слово (первое, второе или дальше) .

Проще говоря – поиск нужен не строгий как сейчас. 
Подозреваю, что решение простое, но опыта не хватает .. ( 

Сайт на коротором производится доработка : krona27.ru/ 

Пример того что нужно : 
technopoint.ru/catalog/17...
Слева внизу есть фильтр по Производителю , вот там если вбить часть (любую часть) слова ,
то поиск отфильтрует как нужно. Нужно такое же , но что бы можно было искать по нескольким ловам (или частям слова) 

------------------------
Сейчас скрипт выглядит вот так:

$('#searh .text-input').one( "focus",  function(){
$.ajaxSetup({ cache: true });
$.getScript('/includes/jquery/autocomplete/jquery.autocomplete.min.js').done(function(script, textStatus) {
console.log('searh');
$('#searh .text-input').autocomplete({ url: "/core/ajax/ajax_srch.php" , remoteDataType: 'json', queryParamName: "q",lineSeparator: "\n",cellSeparator: " ",minChars: 3,maxItemsToShow: 20,delay: 400,

onItemSelect: function( event, ui ) {
console.log("выбранное значение: " , event);
document.location.href = event.data[0];
}
});
});
});

Думаю тут по коду все ясно будет . 
Сейчас используется /autocomplete/jquery.autocomplete.min.js 
по причине того, что библиотека делает минимум запросов к базе. и используется повсеместно jquery.
Разделы:
Опубликован:
25.02.2021 | 08:28 [последние изменения: 25.02.2021 | 08:47]

Теги: нужен программист, резюме программиста, требуется программист, резюме веб программиста

Сведения об ООО «Ваан» внесены в реестр аккредитованных организаций, осуществляющих деятельность в области информационных технологий. ООО «Ваан» осуществляет деятельность, связанную с использованием информационных технологий, по разработке компьютерного программного обеспечения, предоставлению доступа к программе для ЭВМ и является правообладателем программы для ЭВМ «Платформа FL.ru (версия 2.0)».