Главная » Файлы » Прочие скрипты » jQuery
Быстрый поиск по заголовкам блоков на jQuery by Apocalypse для uCoz
19.07.14, 20:38:56



Данный скрипт был разработан по просьбе пользователя fomir ЭТОЙ теме

Скрипт позволяет осуществлять быстрый поиск по заголовкам блоков по мере ввода запроса в поле поиска

Моё тестирование в фидле: КЛИК

Тестирование в фидле специально для fomir: КЛИК

Установка:

Для правильной работы скрипта рекомендуется jQuery версии 1.7.2 или выше

После < /head > на странице поиска вставляйте:
Код
<script>
$(document).ready(function() {
  $('#apoforfomirsform').keyup(function() {
  apotext = $(this).val();
  if(apotext == '') {
  $('div#apotextblock').slideDown(500);
  } else {
  $('div#apotextblock').fadeOut(0);
  $('a#apotexttofind').each(function() {
  if($(this).text().indexOf(apotext) != -1) {
  $(this).parent('#apotextblock').stop().fadeTo(300, 1);
  /*
  Если у вас версия jQuery ниже 1.7.2, то используйте такую конструкцию:
  $(this).parent('#apotextblock').fadein(100);
  */
  };
  });
  };
  });
});
</script>


Следующий код в то место, где должны быть блоки и строка поиска:
Код
<input type="text" id="apoforfomirsform" />

<div id="apotextblock">  
<a id="apotexttofind">apo-ucoz</a><br/>  
</div>

<div id="apotextblock">  
<a id="apotexttofind">apo-ucoz.com</a><br/>  
</div>

<div id="apotextblock">  
<a id="apotexttofind">http://apo-ucoz.com</a><br/>  
</div>


Материал разработан Apocalypse

ApoTeam © 2014
Категория: jQuery | Добавил: Apocalypse | Теги: блоков, Apocalypse, заголовкам, быстрый, поиск, ПО, by, на, JQuery, для
Просмотров: 897 | Загрузок: 0 | Комментарии: 11 | Рейтинг: 1.0/7
Всего комментариев: 10
0
9 [ЦИТИРОВАТЬ]   [Материал]
поиск не ищет если новость добавлена первая большая буква на пример буква П! а если при поиске как часто бывает используется маленькая буква то он не находит ее=)

0
10 [ЦИТИРОВАТЬ]   [Материал]
Вариант без учёта регистра:
Код
$(document).ready(function() {
     $('#apoforfomirsform').keyup(function() {
         apotext = $(this).val().toLowerCase();
         if(apotext == '') {
             $('div#apotextblock').slideDown(500);
         } else {
             $('div#apotextblock').fadeOut(0);
             $('a#apotexttofind').each(function() {
                 if($(this).text().toLowerCase().indexOf(apotext) != -1) {
                     $(this).parent('#apotextblock').stop().fadeTo(300, 1);
                     /*
                     Если у вас версия jQuery ниже 1.7.2, то используйте такую конструкцию:
                     $(this).parent('#apotextblock').fadein(100);
                     */
                 };
             });
         };
     });
});


Демо: КЛИК

0
5 [ЦИТИРОВАТЬ]   [Материал]
Апо - Если согласны принять благодарность в виде ключика на ЗБТ в Nosgoth ( а это эквивалент 790рублей за копию, столько стоит доступ на ЗБТ ), то пишите мне в ЛС. Я как увижу, письмо - сразу пришлю ключик.

*Для справки - игра по вселенной Legacy of Kain.

0
6 [ЦИТИРОВАТЬ]   [Материал]
Ничего не нужно. Банальное спасибо для меня - лучшая из благодарностей smile

0
4 [ЦИТИРОВАТЬ]   [Материал]
Ибо в целом - Вы превзошли мои ожидания!) Очень круто работает скриптик) Никакой лишней нагрузки и запросов, работает с актуальными данными, что загружены на странице))) В моём случае - так и надо)))

Могу отплатить ключиком на ЗБТ Nosgoth в Steam, в качестве благодарности =) Для Вас и ещё 2-х Ваших друзей)))

0
3 [ЦИТИРОВАТЬ]   [Материал]
А реально научить скрипт не обращать внимание на регистр букв?

0
8 [ЦИТИРОВАТЬ]   [Материал]
Свойство toLowerCase() применим и всё:
Код
$(document).ready(function() {
     $('#apoforfomirsform').keyup(function() {
         apotext = $(this).val();
         apotext = apotext.toLowerCase();
         if(apotext == '') {
             $('div#apotextblock').slideDown(500);
         } else {
             $('div#apotextblock').fadeOut(0);
             $('a#apotexttofind').each(function() {
                 apothistext2 = $(this).text();
                 apothistext2 = apothistext2.toLowerCase();
                 if(apothistext2.indexOf(apotext) != -1) {
                     $(this).parent('#apotextblock').stop().fadeTo(300, 1);
                 };
             });
         };
     });
});


Рабочий пример ТУТ

0
2 [ЦИТИРОВАТЬ]   [Материал]
Апо ну и id у тебя) В таких же запутаться как нефиг делать. Отделял бы слова _ или каждое новое слово с большой буквы писал бы.

0
7 [ЦИТИРОВАТЬ]   [Материал]
Зато уникальные и ни ку кого таких нет  tongue

Имя *:
Email: