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

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

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

вопрос
Здравствуйте, подскажите как сделать кнопку как на 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();
    });
});
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 14.04.2013 Gopr  Общие вопросы, Общие вопросы по PHP
 13.07.2013 mediafiree  Общие вопросы
 29.10.2013 ImCoffeeman  Общие вопросы, Общие вопросы по PHP
 26.02.2014 trouble  Общие вопросы
 14.06.2014 Гость  Общие вопросы
 10.09.2014 skinny  Общие вопросы, Общие вопросы по вёрстке, Стили (CSS)
 26.11.2014 syomx  Общие вопросы, Общие вопросы по PHP, Модули, Хаки
 09.12.2014 Sokolov  Общие вопросы
 19.01.2015 вАСЯ  Общие вопросы
 21.02.2015 Scarl  Общие вопросы
наверх