Фильтр по:
  

  • Страница 1 из 4
  • 1
  • 2
  • 3
  • 4
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Вывод кол-ва материалов из массива «uCatsOut» в меню категорий (Категории в JavaScript формате, парсим массив и меню категорий.)
Вывод кол-ва материалов из массива «uCatsOut» в меню категорий
Дата: Суббота, 11.02.2012, 10:16 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


Здравствуйте likbezz, на юкозовском форуме вы мне помогали с счетчиком в меню: http://forum.ucoz.ru/forum/23-37209-813741-16-1328935840
Quote
У меня сайт - доска объявлений.
Сделал вертикальное раздвижное меню взамен стандартного, с разделами и категориями доски объявлений.
Вопрос: возможно ли в меню для каждого раздела и категории отображать количество материалов?


Спасибо за помщь! Вот только не могу понять как тот скрипт с информером прикрутить к меню.
Если не трудно прошу помощи.


Сообщение отредактировал likbezz - Суббота, 11.02.2012, 14:45
 
Дата: Суббота, 11.02.2012, 11:21 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Ссылку на сайт, ссылку на созданный информер.
Чтобы получить ссылку, нужно создать информер, как показано на скриншоте,



... и кликнуть по названию, в алерте будет ссылка вида:
Code
<script type="text/javascript" src="http://likbezz.ru/informer/1"></script>

...

Прикрепления: 7506242.png (6.7 Kb)

 
Дата: Суббота, 11.02.2012, 11:36 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


Сайт: http://lr.3dn.ru/
likbezz, Информер я создал, вот:
Code
<script type="text/javascript" src="http://lr.3dn.ru/informer/2"></script>

Теперь этот скрипт вставлять перед меню?
А NumEntries в пункты?


Сообщение отредактировал Siver - Суббота, 11.02.2012, 11:37
 
Дата: Суббота, 11.02.2012, 12:25 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Quote (Siver)
Теперь этот скрипт вставлять перед меню?

В любое место, один раз, до меню.
Quote (Siver)
А NumEntries в пункты?

Конечно нет, это же массив. JavaScript массив. Его нужно обработать скриптом, сравнить ссылки и добавить к нужным пунктам, то же скриптом, блок с количеством материалов.
Что-то типа такого: Меню вывода разделов с категориями...

Позже напишу скрипт.
...


 
Дата: Суббота, 11.02.2012, 15:52 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Короче.
Как создать информер, (это так, для всех остальных, кто не в танке) написано выше, точнее показан скриншот.
Будем считать информер «Категории в JavaScript формате» есть.
...
1. Вставляем информер в шаблон, до меню, один раз.
Информер вставляем оператором, как $MYINF2$
...

После меню, вставляем следующий скрипт:
Code
<script type="text/javascript">
function setCatNumEnt(){
if(!window.uCatsOut)return;
$('div.arrowlistmenu a').each(function(){
var a=this,ah=a.href,cArr=window.uCatsOut;
if(!/\/board\//.test(ah))return;
var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],li=$(a).parent();
if(!isNaN(id)){
          $.each(cArr,function(j){
           if(cArr[j][0]==id){
            li.append('<span class="catNumEnt">['+cArr[j][6]+']</span>');
           }
          });
};
});
};setCatNumEnt();
</script>

или ссылку на него (Скрипт скачать, поменять ссылку):
Code
<script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/setCatNumEnt.js"></script>

Где:
if(!/\/board\//.test(ah))return; - модуль, ссылки которого нужно обрабатывать. Можно изменить.
Code
li.append('<span class="catNumEnt">['+cArr[j][6]+']</span>');

<span class="catNumEnt"> - класс добавляемого элемента. Можно изменить.
['+cArr[j][6]+'] - квадратные скобки. Можно изменить или убрать.
...

2. Добавляем стили для блока с количеством материалов в разделе:
Code
div.arrowlistmenu span.catNumEnt{
position:absolute;
top:1px;
right:2px;
font:normal 10px/1.1 Tahoma,sans-serif;
color:#999;
}

Стили желательно прописать там же, где и прописаны стили меню - дабы не потерять/забыть.
Можно изменять, если вы уверены в том что делаете.
...

3. Находим (если нет, просто добавляем) стили для элементов «li», а именно, добавляем свойство position:relative;
Для тебя, Siver, это вот тут:
Code
.arrowlistmenu ul li{
padding-bottom: 2px;
position:relative;
}

Можешь скопировать и вставить.
...

А, ну да, отступ справа тоже прописываем, для блока с количеством:
Это вот тут:
Quote (CSS)
.arrowlistmenu ul li a{
font: bold 90%/1.1 Tahoma,sans-serif;
color: #A70303;
background: url(./arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding:2px 0 2px;
padding-left:17px; /*link text is indented 19px*/
padding-right:15px; /* For catNumEnt */
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
}

Нужное выделено.
...

Ну, ... вроде, всё )
Скриншотик:


...

Пример, как всегда, имеется )
Смотрим: Вывод кол-ва материалов из массива «uCatsOut» в меню категорий (Cats Array v1) ...
...

Прикрепления: 2443896.png (14.4 Kb)

 
Дата: Суббота, 11.02.2012, 17:35 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz, Круто! Спасибо!

 
Дата: Суббота, 11.02.2012, 18:35 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver, ,
Quote (likbezz)
Информер вставляем оператором, как $MYINF2$

И убери лишний, вот тут:


...

И, это ... вот этот скрипт (button.js), опусти ниже </head>


...

Добавлено (11.2.2012, 18:37:21)
---------------------------------------------
bandjuk,
Quote (bandjuk)
Круто! Спасибо!

А ты-то откуда нарисовался, тебе что, тоже нужен был такой? .... biggrin

Прикрепления: 0478525.png (16.2 Kb) · 6724401.png (9.9 Kb)

 
Дата: Суббота, 11.02.2012, 19:26 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


likbezz, огромное тебе человеческое спасибо! На днях отправлю, то что обещал.
Последний вопрос: возможно ли в том же меню, в заголовок раздела вставить кол-во материалов раздела?

Скрин:

Прикрепления: 8020089.png (41.8 Kb)

 
Дата: Суббота, 11.02.2012, 20:09 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz,
Quote
А ты-то откуда нарисовался, тебе что, тоже нужен был такой? ....

пока нет, а на будущее пригодится! biggrin Буду знать где искать!


 
Дата: Суббота, 11.02.2012, 20:29 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


bandjuk,
Quote (bandjuk)
пока нет, а на будущее пригодится!

))))) Ага, когда пригодится эта тема уже зарастёт новыми, более навороченными темами, да так, что хрен найдёшь ))) Проверено.
Сам искал как выводил пол года назад меню из массива, насилу нашёл ))) И то не пригодилось )))
...


 
Дата: Суббота, 11.02.2012, 20:31 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Quote (Siver)
Последний вопрос: возможно ли в том же меню, в заголовок раздела вставить кол-во материалов раздела?

Да, почему нет.
...
Типа вот так:
Вывод кол-ва материалов из массива «uCatsOut» в меню категорий (Cats Array v2)
...

Для этого, изменяем стили:
Вот тут добавляем:
Code
div.arrowlistmenu .menuheader a{
color:#FFF!important;
text-decoration:none!important;
}
div.arrowlistmenu .menuheader span.catNumEnt{
top:4px;
right:1px;
color:#FFF;
}

Вот тут изменяем:
Quote (CSS)
div.arrowlistmenu .menuheader{
font: bold 11px Arial,sans-serif;
color:#FFF;
background:#FFF url(./titlebar.png) repeat-x center left;
margin-bottom:10px;
text-transform:uppercase;
padding:4px 10px 4px 10px; /*header text is indented 10px*/
cursor: pointer;
position:relative; /* For catNumEnt */
}

Стили настраиваем по ... по месту )
...

В самом меню, в HTML коде, меняем вот это:
Code
<h3 class="menuheader expandable">Недвижимость продажа</h3>

на вот это:
Code
<h3 class="menuheader expandable"><a href="/board/184" onclick="return false;">Недвижимость продажа</a></h3>

Где:
/board/184 - реальная ссылка в реальный раздел. Везде разная, естественно.
То бишь, упаковываем текст в ссылку.
Если не понятно - смотри исходник примера, там везде проставлены верные ссылки.
...

Всё.
Вроде, ничего не забыл ...

Скрин:


...

Прикрепления: 7010659.png (6.8 Kb)

 
Дата: Суббота, 11.02.2012, 21:30 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Или вот так:
Вывод кол-ва материалов из массива «uCatsOut» в меню категорий (Cats Array v3)
...

Для этого, изменяем скрипт:
Code
<script type="text/javascript">
function setCatNumEnt(){
if(!window.uCatsOut)return;
$('div.arrowlistmenu a').each(function(i){
var a=this,ah=a.href,cArr=window.uCatsOut;
if(!/\/board\//.test(ah))return;
var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],li=$(a).parent();
if(!isNaN(id)){
    $.each(cArr,function(j){
     if(cArr[j][0]==id){
      if(cArr[j][2]==1){
       li.append('<span class="catNumEnt">'+cArr[j][6]+'</span>');
      }else{
       li.append('<span class="catNumEnt">['+cArr[j][6]+']</span>');
      }
     }
    });
};
});
};setCatNumEnt();
</script>

...

И немного правим стили:
Quote (CSS)
div.arrowlistmenu .menuheader span.catNumEnt{
top:4px;
right:3px;
color:#FFF;
font-weight:700;
}

...

Все.

Скриншотик:


...

Прикрепления: 4906868.png (6.4 Kb)

 
Дата: Суббота, 11.02.2012, 22:07 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


Quote
Что-то не выходит у меня вариант (Cats Array v3) sad
Вот что получается:

Вот мои стили:


вернул все назад, пока:


Всё, разобрался smile вопрос снят, спасибо!

Прикрепления: 3444827.png (28.0 Kb)

Сообщение отредактировал Siver - Суббота, 11.02.2012, 22:53
 
Дата: Воскресенье, 12.02.2012, 14:12 |
Siver
Сержант
Группа: Пользователи
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline


likbezz, проблема появилась. Сегодня добавили два объявления о покупке дачи не в тот раздел. Перенес сам в нужный раздел одно из объявлений, точнее из "недвижимость продажа" в "недвижимость покупка" из первого раздела счетчик удалил его, а в том в который перенес не добавил. Перенес назад, не хочет считать.

Прошло некоторое время и счетчик сработал biggrin видимо нужно какое то время.
Теперь все нормально.

Извини за беспокойство.

Прикрепления: 6085616.png (84.5 Kb)

Сообщение отредактировал Siver - Воскресенье, 12.02.2012, 14:47
 
Дата: Воскресенье, 12.02.2012, 15:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Siver,
Quote (Siver)
Прошло некоторое время и счетчик сработал biggrin видимо нужно какое то время.

Информеры кэшируются.
Quote (Siver)
Извини за беспокойство.

Ничего )


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Вывод кол-ва материалов из массива «uCatsOut» в меню категорий (Категории в JavaScript формате, парсим массив и меню категорий.)
  • Страница 1 из 4
  • 1
  • 2
  • 3
  • 4
  • »
Поиск:


Мобильная версия