Изменение вида категорий при добавлении для ucoz
827материалов
228тем на форуме
3003комментария
6151пользователь

Изменение вида категорий при добавлении для 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>


Теперь установим 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;}


На этом все) за скриптик отдельное спасибо пользователю Snoopak

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 28.08.2013 в 23:07
Материал просмотрен: 906 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 4 комментария

Пожаловаться
Сказать спасибо
Источник

4 комментария


maptbih007
Есть такой же или похожий, только для Доски объявлений?
rmadiev
не могу выбрать несколько категорий для добавления материала
Ромчик
В настройках стоит на против данной функции?
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта