Collapse and Expand

Collapse and Expand 1.2

Нет прав для скачивания

Mirovinger

Администрация
Сообщения
23,400
Решения
81
Реакции
58,433
Баллы
33,475
Пользователь Mirovinger разместил новый ресурс:

Collapse and Expand - Сворачивание категорий, сайдбара, TaigaChatPro

Автор: Nessien

Дополнение позволит сворачивать/разворачивать.
  • Категории форума
  • Сайдбар
  • TaigaChatPro
Посмотреть вложение 38541 Посмотреть вложение 38544
Посмотреть вложение 38543

Узнать больше об этом ресурсе...
 
Интересно узнать: действие запоминается или при обновлении опять откроется? Может тестил кто.
 
Да, запоминает в кукисах.
Вот участок кода, можете сами убедиться.
Код:
<xen:include template="page_container_js_head" />
<xen:if is="{$xenOptions.ns_ca_on}">
<script>
var nsCollapse = "nsCollapsed";
var nsCollapseEffect = {'up':{'speed':{$xenOptions.ns_ca_close_speed},'style':'{$xenOptions.ns_ca_close_effect}'},'down':{'speed':{$xenOptions.ns_ca_open_speed},'style':'{$xenOptions.ns_ca_open_effect}'}};
var nsCollapseState= {'open':'<i class="{$xenOptions.ns_ca_close}"></i>','close':'<i class="{$xenOptions.ns_ca_open}"></i>'};
var COOKIE_NAME = 'nessien';
var ckvalue = $.getCookie(COOKIE_NAME);
var ck = ckvalue ? ckvalue.split(",") : [];

function __onLoad() {
    cknum = ck.length;
    for (var a = 0; a < ck.length; a++) {
        $("#" + ck[a]).toggleClass(nsCollapse).html(nsCollapseState.close).parent().parent().next().hide()
    }
}

function __toggle(e, d) {
    var b = $(e).attr("id");
    switch (d) {
    case "collapse":
        var a = $(e).parent().parent().next();
        var c = $(a).is(":visible");
        $(e).html((c) ? nsCollapseState.close : nsCollapseState.open);
        if (!c) {
            $(e).toggleClass(nsCollapse);
            $(a).slideDown(nsCollapseEffect.down.speed, nsCollapseEffect.down.style)
        } else {
            $(e).toggleClass(nsCollapse);
            $(a).slideUp(nsCollapseEffect.up.speed, nsCollapseEffect.up.style)
        }
        $.setCookie(COOKIE_NAME, (function () {
            switch (c) {
            case true:
                ck.push(b);
                break;
            case false:
                ck = jQuery.grep(ck, function (f) {
                    return f != b
                });
                break
            }
            return ck.join(",")
        })());
        break
    }
}
$(document).ready(function () {
    __onLoad();
    $("a.CAColor").click(function () {
        __toggle(this, "collapse");
        return false
    })
});
</script>

</xen:if>
 
В настройках есть Closing Effect (Эффект закрытия) и Opening Effect (Эффект открытия) используется easeOutBounce, кто пожелает сменить эффект, может посмотреть здесь
 
Обнаружил конфликт с плагином HTML in Node Titles by Waindigo 1.0.7a. Работает только один из них.
 
а подскажите кто, как его отключить в адаптивном дизайне?

омг, и почему то не запоминает позиции после входа/выхода
 
на 1.5.5 полет нормальный.

поменяйте местами кнопки в настройках :
fa fa-plus fa fa-minus
Пользователь Mirovinger разместил новый ресурс:

Collapse and Expand - Сворачивание категорий, сайдбара, TaigaChatPro



Узнать больше об этом ресурсе...
Хорошее дополнение, 2 в одном, спасибо.
подскажите : как его заставить работать с локальным css ?
я ложил локально и прописывал путь, но не хочет почему-то кушать css локальный.
нужно это для оптимизации сайта, выделил правила, которые нужны для дополнения(даже с запасом)
и поменяйте кнопки в настройках местами :
fa fa-plus и fa fa-minus
 

Вложения

  • font-awesome.css
    1.4 KB · Просмотры: 2
Вы судя по файлу, про шрифты-то забыли, мало только этот CSS - файлик подключить.
 
Вы судя по файлу, про шрифты-то забыли, мало только этот CSS - файлик подключить.
точно, это я тетеря...
удалил папку с шрифтами перед этим, когда вычищал от другого дополнения и забыл напрочь об этом..
будучи уверенным что шрифты у меня по заданным путям лежат, я копал xml файл и файл установки на предмет зацепки для поиска причины. Спасибо за подсказку.

а можно ли их подключить из облака или порезать?
у меня сейчас самый тяжелый файл получается styles/fonts/fontawesome-webfont.woff?v=4.1.0
 
Последнее редактирование модератором:
Можно собрать свой, и будет меньше весом.
Вот здесь, думаю разберётесь, я чуть позже реализую - .
 
Mirovinger, отлично, мне как раз нужны иконки для соцсетей, не хочу физ.файлы использовать в шаблоне принципиально , и svg тоже.

Mirovinger, уже собрал.
завтра сделаю и вам скину заодно.
я буду делать css 3в1 - кнопки вверх/вниз, соцсетей и сворачивания.
а вам предлагаю завернуть это дело в дополнение, у меня с ксеном опыта нет еще..
 
Есть что-то подобное, но чтобы запоминались сворачивания после перезагрузки браузера?
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу