Главная » Файлы » Прочие скрипты » jQuery

Сортировка материалов по числовым полям для uCoz
[ Скачать с сервера (1.0 Kb) ] 20.12.14, 21:29:10



Временное демо

1. Скрипт из прикреплённого архива залейте в папку js.
2. Туда где хотим видеть меню сортировки вставляем:
Код
<style>   
  .LisFilter{   
  margin:10px auto;   
  width:220px;   
  background: #f5f4e6;   
  border: 1px solid #777;   
  padding:5px;   
  color:#e34949;   
  font-weight:bold;   
  border-radius:6px;   
  -moz-border-radius:6px;   
  -webkit-border-radius:6px;   
  }   

  .LisFilter-select{   
  outline:none !important;   
  }   
   </style>   
   <div class="LisFilter">   
  Сортировать по: <select class="LisFilter-select" id="LisFilter">   
  <option value="0">-   
  </select>   
   </div>

Стили можете менять как угодно главное оставьте названия классов и айди прежними.
3. Перед тегом < /body > вставляем:
Код
<script src="/js/LisFilter.js"></script>

4. Настраиваем скрипт. Эта процедура обязательна!!!
а) Перед < /body > вставляем:
Код
<script>   
  LisFilter.settings = {   
  //тут будут настройки   
   };   
   </script>

б) Добавляем поля сортировки.
Покажу на примере модуля Новости. Идем Управление дизайном -> Вид материалов(в разделе новости сайта). Сделаем сортировку по полям Кол-во просмотров и по комментариям.
Ищем код $READS$ и заменяем на:
Код
<span class="reads">$READS$</span>

Далее ищем код $COMMENTS_NUM$ и заменяем на
Код
<span class="comments"> $COMMENTS_NUM$</span>

Пишем
Код
<script>   
  LisFilter.settings = {   
  1: {   
  selector: ".reads",   
  title: "просмотрам" // сортировать по кому, чему   
   },   
   2: {   
  selector: ".comments",   
  title: "комментариям"   
   }
};
   </script>


Остальные поля по аналогии.

Материал разработал Lisnes

Все вопросы пишите в комментарии

Категория: jQuery | Добавил: Lisnes | Теги: материалов, ucoz, ПО, Сортировка, полям, Числовым, для
Просмотров: 984 | Загрузок: 245 | Комментарии: 4 | Рейтинг: 1.8/5
Всего комментариев: 4
0
Не работает.
П.4

Код
4. Настраиваем скрипт. Эта процедура обязательна!!!  
а) Перед < /body > вставляем:
Выделить всё | Копировать код
<script>
LisFilter.settings = {
//тут будут настройки
};
</script>

Это мы пишем или нет?
Я так понимаю нет.
Далее:
б) Добавляем поля сортировки.
Покажу на примере модуля Новости. Идем Управление дизайном -> Вид материалов(в разделе новости сайта).
тут и ниже понятно, а вот следущее:
Код
<script>
LisFilter.settings = {
1: {
selector: ".reads",
title: "просмотрам" // сортировать по кому, чему
},
2: {
selector: ".comments",
title: "комментариям"
};
</script>


1. Мы пишем в Виде материалов или там где сортировка? Я пробовал и там и там. Появляется пустой выпадающий список и всё.
2 Одна скобка потеряна насколько я вижу.

Дайте пожайлуста комментарий, очень нужная вещь, а настроить не могу.

0
Да, там скобки не хватает.

0
да скобку я поставил, не работает все равно
а конкретно не заполняется выпадающий список
пустой, с черточкой одной и все. В чем ошибка?
Оччень прошу помочь

0
Шикарно! Огромное спасибо! Прям как по заказу smile

Имя *:
Email: