3

Обгуглил весь веб, может кто сможет мне предложить свой или ранее использованый им живой поиск на сайт. В двух словах требования, вводитн в форму символы, php сценарий берет данные из mysql и передает браузеру... В общем должно выглядеть примерно так ))

живой поиск

1
  • Приметка, php сценарий напишу сам, а вот в аяксе и js я 0
    – smail2133
    19 окт 2011 в 12:37

3 ответа 3

4
<input type="text" id="search_box">
<div id="search_advice_wrapper">
</div>

<script type="text/javascript">
  $('#search_box').keyup(function(){
    if($(this).val().length>3){
      $.get('search_assistant.php',{'query':$(this).val()},function(data){
        data = eval('('+data+')');//json data. array of strings
        if(data.length!=undefined && data.length>0){
          $("#search_advice_wrapper").html('');
          for(i in data){
            $("#search_advice_wrapper").append('<div class="advice_variant">'+data[i]+'</div>');
          }
        }
      });
    }
  });

  $('.advice_variant').live('click',function(){
    $('#search_box').val($(this).text());
  });

</script>

Что-то типа того.

идея: при отпускании кнопки, скрипт читает аттрибут "value" текстового поля. Если он длиннее 3 символов, то отправляет эту строку в PHP обработчик, который по БД проверяет все возможные варианты для данного сочетания символов. Ну, например, 'like("'.$_GET['query'].'%")' в Mysql. С этим вы сказали справитесь. Далее прилетает обратно массив строк, оформленный как Json(можно просто набор строчек, но теряется гибкость). Из этого массива каждая строка ложится в специальный блок search_advice_wrapper. При клике на строчку в этом блоке, ее содержимое отправляется в поле поиска.

3
  • Это jquery. И требует дополнительных библиотек.
    – iproger
    19 окт 2011 в 13:00
  • из дополнительных библиотек тут только jquery. JSON можно ручками собрать. Для массива это очень просто.
    – knes
    19 окт 2011 в 13:04
  • ow... Прошу прощения. =) Заработался.
    – knes
    19 окт 2011 в 13:12
2

Вот статья

1

Я бы еще советовал посмотреть sphinx.

4
  • Сфинкс ищет. А вопрос про вывод результатов поиска и промежуточных результатов
    – knes
    19 окт 2011 в 15:30
  • к чему было писать этот комент ?? что-то ответа я в нем не нахожу, только тролинг
    – smail2133
    19 окт 2011 в 15:56
  • @smail2133, вы кому?
    – knes
    24 окт 2011 в 7:58
  • вам, кому же еще.
    – smail2133
    24 окт 2011 в 10:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.