Вид выбора категории при добавлении для uCoz

Вид выбора категории при добавлении для uCoz

02013-12-28540811Денис Абдуллин

Удобная модификация для uCoz, которая заменяет стандартный выбор категорий на странице добавления материалов. Стандартный вид добавления, напомню, это выпадающий список. А в данном случае вместо него будет отображаться красивый список категорий в строку, как на скриншоте. Внимание! Скрипт не подойдет для множественного выбора категорий. Т.е. если Вы поставите данный скрипт на свой uCoz сайт, выбирать можно будет только одну категорию, а не несколько.

Установка

Страница добаваления/редактирования материалов. Вставьте следующий код после $BODY$.

Код
<script>  
$('#ldM57').each(function(){  
var ohtml = '';  
$(this).find('table').hide();  
for(var i=0;i<$('#uCatsMenu9 input').length;i++){  
ohtml += '<div class="cbutton '+(($("#uCatsMenu9 input").eq(i).is(":checked")) ? "active" : "")+'" onclick="selcat(this, '+$('#uCatsMenu9 input').eq(i).val()+');">'+$('#uCatsMenu9 input').eq(i).next().text()+'</div>';  
}  
$(this).append(ohtml);  
});  

function selcat(t, id){  
$('.cbutton').removeClass('active');  
$(t).addClass('active');  
$('#uCatsMenu9 input[value='+id+']').click();  
}  
</script>

Теперь настроим оформление выбора категорий для uCoz. Вставьте этот код в таблицу стилей (CSS).

Код
.cbutton {margin:0 5px 5px;display:inline-table;padding:6px 10px;background:#fff;border:2px solid #eee;border-radius:3px;}  
.cbutton:hover {background:#ddd;cursor:pointer;}  
.cbutton.active {background:#217EAC;color:#fff;}

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (11)
Илья Филиппов 2013-12-29 в 18:32Спам
-На картинке категории этого сайта?
-Да.
-А где "Скрипты для Ucoz"?
-1
Михаил 2014-01-05 в 19:13Спам
Не удобно, если материал относится к нескольким категориям. Скрипт нуждается в доработке.
2
Николай Бухарин 2014-02-14 в 00:57Спам
Пригодилось, спасибо...Есть у кого рабочий скрипт для скрытия определенной категории на главной?
-1
Михаил 2014-03-26 в 17:45Спам
в виде материалов ставь: <?if($CAT_NAME$='Имя категории, которую нужно скрыть')?><?else?>Основное тело вида материалов<?endif?>
0
SlowMotion v3 2014-03-11 в 18:25Спам
Неудобно но красиво)
-1
Богдан 2014-08-10 в 04:22Спам
Сделайте в выпадающем меню и с возможностью выбора нескольких категорий
1
Vlad grisha 2014-08-25 в 01:44Спам
Если попстрикать то можно и 5 категорий выбрать, у меня получается
0
Rahimov Marsel 2015-02-22 в 12:47Спам
как сделать под dir?
1
Vlad Lyon 2016-02-16 в 02:57Спам
Скажите, скрипт еще актуален?
При добавлении к себе на сайт, ничего не происходит(
0
Евгений Малеев 2016-03-09 в 20:00Спам
В первой строчке поменяй id поля $('#ldM57').each(function(){

Узнать твой id можно посмотрев код той страницы, на которую собираешься добавлять скрипт
0
Евгений Мартынов 2016-05-06 в 12:41Спам
Не работает в Доске объявлений! id и ucatMenu9 на свои заменял, что сделать чтоб работало?
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.