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

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

28.12.2013471411

Удобная модификация для 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;}



Сохраните в социальную сеть
Комментарии (11)
-На картинке категории этого сайта?
-Да.
-А где "Скрипты для Ucoz"?
-1
Михаил 05.01.2014 в 19:13Спам
Не удобно, если материал относится к нескольким категориям. Скрипт нуждается в доработке.
2
Пригодилось, спасибо...Есть у кого рабочий скрипт для скрытия определенной категории на главной?
-1
Михаил 26.03.2014 в 17:45Спам
в виде материалов ставь: <?if($CAT_NAME$='Имя категории, которую нужно скрыть')?><?else?>Основное тело вида материалов<?endif?>
0
SlowMotion v3 11.03.2014 в 18:25Спам
Неудобно но красиво)
-1
Богдан 10.08.2014 в 04:22Спам
Сделайте в выпадающем меню и с возможностью выбора нескольких категорий
1
Vlad grisha 25.08.2014 в 01:44Спам
Если попстрикать то можно и 5 категорий выбрать, у меня получается
0
Rahimov Marsel 22.02.2015 в 12:47Спам
как сделать под dir?
1
Vlad Lyon 16.02.2016 в 02:57Спам
Скажите, скрипт еще актуален?
При добавлении к себе на сайт, ничего не происходит(
0
В первой строчке поменяй id поля $('#ldM57').each(function(){

Узнать твой id можно посмотрев код той страницы, на которую собираешься добавлять скрипт
0
Не работает в Доске объявлений! id и ucatMenu9 на свои заменял, что сделать чтоб работало?
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт