» »

Меняем на сайте выбрать категорию uCoz


Меняем на сайте выбрать категорию uCoz

Здесь мы узнаем как можно изменить дизайн одной кнопки, а точнее это Меняем на сайте выбрать категорию uCoz, что кардинально по всем стилям будет не похоже. Это было раньше красивая и удобная функция, теперь идет простой кнопкой и как то не вписывается в сам портал. Хоть ее видит иногда один администратор, но много ресурсов, где пользователи размещают материал. Но вообщем будем ее делать так, чтоб все гармонично выглядело.

Вот это новый вид:

Смена на сайте выбрать категорию uCoz



Но нам нужна так, которая на центральном изображение и скрипт, который ее так сделает. И так, идем в админ панель, так как это для каталога файлов, нам он и нужен. И там находим "Страница добавление / редактирование материала," она последней стоит в модуле и в самый низ прописываем этот скрипт и все сохраняем.

Код
<script>var config = {'.chosen-select' : {},'.chosen-select-deselect' : {allow_single_deselect:true},'.chosen-select-no-single' : {disable_search_threshold:10},'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},'.chosen-select-width' : {width:"95%"}};$(document).ready(function(){var str="<option value=''></option>";var multy1="";$("input[name='ocat']").each(function(){var typee=$(this).attr("type");if (typee!="radio") multy1="multiple";var value1=$(this).val();var idt=$(this).attr("id");var che;if ($(this).prop("checked")) che="selected"; else che="";var id=idt;var name = $("label[for='"+id+"']").html();str=str+"<option "+che+" value='"+value1+"'>"+name+"</option>";});$( "#ldM57" ).after("<td class='manTd2'><select id='selectchange' data-placeholder='Выберите категорию...' class='chosen-select' style='width:100%;' "+multy1+">"+str+"</select></td>");$( "#ldM57" ).hide(); $("#selectchange").change(function(){$( "select#selectchange option" ).each(function() {var srrr=$(this).val();var srrr2=$(this).prop("selected");if (srrr2) $('#cus'+srrr).prop("checked",true); else $('#cus'+srrr).prop("checked",false);})}); for (var selector in config) {$(selector).chosen(config[selector]);}});</script>


Только на файлах проверял, на других нет, так как для них были написаны.
07.10.2015 Просмотров: 523 Комментарий: (16)

Поделиться в социальных сетях

Материал разместил

Комментарий: 16
Kvint
Kvint 07.10.2015 06:021
0
Здесь спасибо, как надоела мне эта кнопка, теперь хоть ее невидно в все светлом виде.
FeStemBer
FeStemBer 07.10.2015 06:202
0
А что только на каталог файлов, а на другие модули можно сделать?
Kosten
Kosten 07.10.2015 06:223
0
Да можно, просто тему в блоге ucoz потерял, в закладку не закинул. Но что то помню, что под каждый модуль отвечает ldM57 - это каталог файлов, у других модулей видать другое значение.
Kosten
Kosten 07.10.2015 06:364
0
Tventum, можете попробовать этот дизайн, но только если у вас кино сайт или тематика, где нужно выставлять по несколько категорий, как онлайн кино, ставим иногда несколько жанров. То этот стандартный и выбрать только модно одну, как у всех основном.



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

Код
<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;}
FeStemBer
FeStemBer 07.10.2015 06:415
0
Kosten, спасибо, но как говориться, хороша Маша, но не наша, просто категорий много, этот скрипт, у кого их мало.
Сопрано
Сопрано 07.10.2015 07:346
0
Этот сейчас установил и нормально, есть небольшая пауза, когда старый появляется на миг, а так лег вообще красиво, как родной и был.
FeStemBer
FeStemBer 07.10.2015 07:367
0
Tventum, у меня 3 раздела, а они не показывают их и идут сплошняком категорий, так можно привыкнуть, но лучше, чтоб и раздел отображался.
Kosten
Kosten 07.10.2015 07:388
0
Tventum, видно на изображение, так как на этот сайт поставил, одна категория, которая просто на новой системе написана и все. А здесь ее нет и категорий все для тебя, наживай какую надо.
Kosten
Kosten 07.10.2015 07:409
0
Три раздела, это можно сказать 3 темы на одном сайте. Хотя у самого также было, просто потом все в один сделал.
Сопрано
Сопрано 07.10.2015 07:4410
0
Но а что, разделы нужная вещь, но не 5 же, самый потолок считаю как раз три и не больше.
Kosten
Kosten 07.10.2015 07:5711
0
Считаю одна тематика и один раздел, который выводишь на главную странице и от него как ростки иду категорий, раньше много было. Но все потом уместил в скрипты для ucoz, просто остальные также надо было поместить, но не стал, в топ 10 были по запросу, не знаю как сейчас.
Сопрано
Сопрано 07.10.2015 07:5912
0
Kosten, топовые нельзя трогать, они неприкосновенны, то уберешь и потом вообще не попасть даже будет и в двадцатку, а что там говорить о тройки лидеров.
kos
kos 07.10.2015 21:5413
0
Спасибо,я давно искал
Kosten
Kosten 07.10.2015 22:5014
0
kos, плиз, скрин закиньте как получилось.
kos
kos 07.10.2015 23:5015
0
Kosten
Kosten 08.10.2015 00:0416
+1
kos, здраво смориться.
avatar