Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Кнопка как на dle-faq. Как сделать?

Кнопка как на dle-faq. Как сделать?


     06.01.2015    Все вопросы » Общие вопросы    2111

вопрос
Здравствуйте, подскажите как сделать кнопку как на dle-faq "Только полезные"

Ответа пока нет


11 комментариев

FastFud
Юзер

FastFud - 6 января 2015 16:21 -

Смотрите исходный код, тут сделано на jQuery))

sr.green
Гости

sr.green - 6 января 2015 16:41 -

FastFud,
не поможете?

sr.green
Гости

sr.green - 6 января 2015 16:58 -

FastFud,
    //Фильтрация полезных комметариев
    dleDoc.on('click', '#only-plus-comms', function () {
        if ($(this).hasClass('active')) {
            $(this).removeClass('active').find('span').text('Только полезные');
            $('.disliked-comm').slideDown(300);
        }
        else {
            $(this).addClass('active').find('span').text('Показать все');
            likeVal = $('span[id*="ilike-comm-"]');
            likeVal.each(function (e, elem) {
                if (likeVal.eq(e).data('likes') == '0')
                // alert(likeVal.eq(e).data('likes'));
                    likeVal.eq(e).parent().parent().parent().parent().parent().parent().addClass('disliked-comm');
            });
            $('.disliked-comm').slideUp(500);
        }
    });


в просмотре:
<span class="like_count" data-comment_id="83" data-count="1"><i class="likeees"></i> 1</span>

FastFud
Юзер

FastFud - 6 января 2015 20:21 -


sr.green
Гости

sr.green - 6 января 2015 20:38 -

FastFud,
а как это к модуля от пафнутого прикрутить? Easy Like

FastFud
Юзер

FastFud - 6 января 2015 21:53 -

В любой js файл подключенный к шаблону, вставить
$('#only_like').click(function(){
    $(this).toggleClass('active');
    $('.easylike_count[data-count="0"]').parents('.bcomment').slideToggle();
});
в fullstory.tpl в нужном месте вставить
<button id="only_like"><span>Только полезные</span></button>
в стилях (css) добавить
#only_like {cursor:pointer;display: block;margin: 15px 0;background: red;border: 0 none;color: #fff;padding: 5px;} 
#only_like.active {background: green;}
Должно работать.

ПафНутиЙ
Админ

ПафНутиЙ - 8 января 2015 00:26 -

Вот хотел помочь, дать готовое решение, но не буду т.к. мой ник, как и любой другой ник, образованный от имени - имя существительное, а не прилагательное.

Каков вопрос - таков и ответ. Просто помните об этом.

sr.green
Гости

sr.green - 7 января 2015 11:46 -

Цитата: FastFud
<button id="only_like"><span>Только полезные</span></button>

спасибо но нет, не работает, прошу помочь

FastFud
Юзер

FastFud - 7 января 2015 13:38 -

Проверял лично, все работает.

sr.green
Гости

sr.green - 7 января 2015 17:19 -

FastFud,
написал в ЛС

FastFud
Юзер

FastFud - 7 января 2015 21:45 -

Если нужно сменить текст кнопки:
$('.comments').each(function(){
    $(this).find('button').click(function(){
        var txt = $(this).text() == 'Только полезные' ? 'Показать все' : 'Только полезные';
        $(this).toggleClass('active').text(txt);
        $('.comment .rating[data-l="0"]').parents('.название класса комментария').slideToggle();
    });
});

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх