Полезная информация

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

№109-10-2019 04:56:31

Orehis
Участник
 
Группа: Members
Зарегистрирован: 16-02-2019
Сообщений: 20
UA: Firefox 68.0

Скрыть комментарии под спойлер.

Добрый день!

На некоторых сайтах есть опции показа, в которых можно скрыть некоторые элементы (флаги, картинки званий, подписи и т.д). Для примера сайт rutracker:

2019-10-09-08-10-1570584906.jpg

Мне стало интересно, можно ли добавить все комментарии под спойлер, чтобы они появлялись только после нажатия на кнопку?

Отсутствует

 

№209-10-2019 16:55:50

Yeesha
Участник
 
Группа: Members
Зарегистрирован: 23-08-2008
Сообщений: 359
UA: Firefox 70.0

Re: Скрыть комментарии под спойлер.

Можно, только тут нужен не CSS, а скрипт. Конкретно для Рутрекера:

Выделить код

Код:

document.addEventListener('DOMContentLoaded', function() {
    let topic = document.querySelector('#topic_main');
    let comments = topic.querySelectorAll('tbody:nth-of-type(n+3)');
    let showHide = function() {
        for (let c of comments)
            c.style.display = (c.style.display == 'none') ? '' : 'none';
    };
    let button = document.createElement('input');
    button.type = 'button';
    topic.parentNode.insertBefore(button, topic.nextSibling);
    button.value = ' Show/hide comments ';
    button.style.cssText = 'float: right; margin: 5px 0;';
    button.onclick = showHide;
    showHide();
});

Отсутствует

 

№310-10-2019 05:46:01

Orehis
Участник
 
Группа: Members
Зарегистрирован: 16-02-2019
Сообщений: 20
UA: Firefox 68.0

Re: Скрыть комментарии под спойлер.

Yeesha пишет

только тут нужен не CSS, а скрипт

А как им пользоваться?

Отсутствует

 

№411-10-2019 13:50:19

Yeesha
Участник
 
Группа: Members
Зарегистрирован: 23-08-2008
Сообщений: 359
UA: Firefox 70.0

Re: Скрыть комментарии под спойлер.

Orehis
Например, через Tampermonkey. Создать там новый скрипт, вставить в него код из предыдущего поста, а в заголовке скрипта прописать:

Выделить код

Код:

// @match        https://rutracker.org/forum/viewtopic.php*
// @run-at document-start

Отсутствует

 

№511-10-2019 15:07:37

Orehis
Участник
 
Группа: Members
Зарегистрирован: 16-02-2019
Сообщений: 20
UA: Firefox 68.0

Re: Скрыть комментарии под спойлер.

Yeesha, огромное спасибо!

Отсутствует

 

№601-03-2021 16:53:30

DomHtml.ru
Участник
 
Группа: Members
Зарегистрирован: 01-03-2021
Сообщений: 1
UA: Chrome 88.0
Веб-сайт

Re: Скрыть комментарии под спойлер.

Orehis пишет
Yeesha пишет

только тут нужен не CSS, а скрипт

А как им пользоваться?

JavaScript можно через тег <script> подключить

Отредактировано DomHtml.ru (01-03-2021 16:54:16)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]