08.04.2014 JQuery - селектор по тексту без учета регистра 10.04.2013 jQuery редактирование таблиц 13.12.2012 jScrollPane 2 - прокрутка контента вниз (autoReinitialise и scrollToBottom) 12.12.2012 jQuery 1.7 метод on - замена bind, live, delegate 16.03.2012 Мгновенный поиск результатов на JQUERY 29.02.2012 Увеличение изображения по клику jQuery 29.02.2012 Замена стандартного ALERT с помощью JQUERY 29.02.2012 JQUERY: как вести логи действий пользователя
#134

Мгновенный поиск результатов на JQUERY

Мгновенный поиск результатов на JQUERY можно реализовать при помощи события keyup .

  1. // При событии keyup вызываем скрипт каждый раз, как нажимается 
  2. // кнопка на клавиатуре в выбранном поле 
  3. $('#search_word').keyup(function(){
  4.  
  5.          // Берем значение поля, которое передадим скрипту
  6.           var search =$('#search_word').val();
  7.  
  8.          // Также можно добавить, условие, что поиск производится
  9.          // только при количестве введенных символов равному больше 3х
  10.            if(search .length>3) {
  11.                 $.ajax({
  12.                      // Путь к PHP скрипту
  13.                     url:"/search_files/", 
  14.                     data:{search:search},
  15.                     "type":"POST", 
  16.                      dataType:"html",
  17.  
  18.                      // После выполнения скрипта полученные данные помещаем в div
  19.                      // с классом container
  20.                      "success" : function (data) {
  21.                            $('.container').html(data);
  22.                      }
  23.             }
  24.    });
  25.  
  26. });

29.02.2012 JQUERY: раскрывающийся список 30.10.2011 Модальное окно как вконтакте
О сайте