форма для входа

1
Онлайн всего: 1
Гостей: 1
Пользователей: 0
1
17-03-2019 в 15:30 101

Поиск по категориям


Поиск по категориям
Здравствуйте! Сегодня хочу поделится с вами скриптом который был создан по просьбе одного заказчика у которого на сайте очень много категорий и так как категории как вы знаете всегда идут в том порядке в котором вы их создали а точнее первой идёт та которою вы первой создали то искать новые категории не так удобна в большом списки

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

Видео пример работы скрипта


На видео список категорий фотоальбома который выводится стандартным информером от ucoz



Установка скрипта


Установка очень проста вам нужно скопировать код ниже и поставить его на страницу где выводите категории в то место где будет форма поиска после

Код
<script type="text/javascript">
$(function(){
  $('input#searchmm').on('input', function(){
  var str = $(this).val().toLowerCase();
  if (str.length <= 2){
  $('.catsTableI tr td').show();
  }
  else {
  $('.catsTableI tr td').each(function(){
  if ($(this).text().toLowerCase().indexOf(str) < 0){
  $(this).hide();
  }
  });  
  }  
  });
});
  </script>

А вот так выглядит форма поиска её разместите там же где и скрипт просто я её вывел для того чтобы показать вам ту часть к каторай вам нужно будет писать стили оформления так как я этого не делал

Код
<input id="searchmm" placeholder="Введите не менее 3 символов"/>

Вообщем если будут трудности или вопросы пишите их в комментариях или же на форуме я с удовольствием вам помогу

1

Комментарии

Комментариев пока нет!
Добавлять комментарии могут только зарегистрированные пользователи.

[ Регистрация | Вход ]

Автор


Похожие материалы

Реклама



Дополнение

Демонстрация результата либо показана на отдельной странице, либо просто показана на скриншоте. В исключительных случаях, когда нет возможности показать работу даже на скриншоте, используется развернутое описание. Описание есть у каждого материала, этот пункт важен, но иногда описание бывает косвенным, пустословным. Это относится к тем материалам, которым не нужна детальная инструкция.

Установка скриптов – иногда не быстрый процесс. На страницах с описаниями всегда указывается место, куда нужно вставить приложенный код. Если требуется редактирование настроек в Панели управления, то об этом тоже пишется. Если никакой информации об установке нет, значит, код можно ставить в любом месте на сайте, преимущественно в сайдбаре. Прежде чем редактировать страницы, настоятельно рекомендуем делать резервное копирование шаблонов. Этот совет по большей части для новичков.

Гость
Ваша корзина
Ваша корзина пуста
ttalantlev.ucozru