Добавляем дополнительный блок с темами с раздела "Оффтоп" на главную страницу.

Yowori · 10 окт 2024

Данное расширение добавляет дополнительный блок с темами с раздела "Оффтоп" на главную страницу.
Лично для меня удобнее 2 блока, вместо того чтобы темы с оффтопика мешались с другими темами в общем списке.

Chrome - https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
Firefox - https://addons.mozilla.org/ru/firefox/addon/tampermonkey/ https://addons.opera.com/en/extensions/details/tampermonkey-beta/
Opera - https://addons.opera.com/en/extensions/details/tampermonkey-beta/
https://greasyfork.org/ru/scripts/512093-add-offtopic-discussion-list-on-main-page
или
// ==UserScript==
// @name Add "Offtopic" discussion list on main page.
// @namespace [URL]http://tampermonkey.net/[/URL]
// @version 1.1
// @description Добавляет дополнительный блок с темами из раздела "Оффтоп" на главную страницу, динамически подстраиваясь под текущий домен.
// @author Yowori
// @match [URL]https://lolz.live/*[/URL]
// @match [URL]https://zelenka.guru/*[/URL]
// @match [URL]https://lolz.guru/*[/URL]
// @icon [IMG] https://i.imgur.com/xnJeB3f.png[/IMG]
// @grant none
// @run-at document-end
// @license MIT
// ==/UserScript==

(function() {
'use strict';

const nodeId = 8; // Раздел для отображения

const hostname = window.location.hostname;
let baseURL = '';

if (hostname === 'lolz.live') {
baseURL = 'https://lolz.live';
} else if (hostname === 'zelenka.guru') {
baseURL = 'https://zelenka.guru';
} else if (hostname === 'lolz.guru') {
baseURL = 'https://lolz.guru';
} else {
console.error('Неизвестный домен:', hostname);
return;
}

function addGlobalStyle(css) {
const head = document.getElementsByTagName('head')[0];
if (!head) { return; }
const style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}

addGlobalStyle(`
.customDiscussionContainer {
display: flex;
gap: 20px;
box-sizing: border-box;
max-width: 1200px;
margin: 0 auto;
flex-wrap: nowrap;
}

body.index .discussionList {
max-width: 520px;
flex: 0 0 400px;
}

.customDiscussionList {
max-height: 1040px;
max-width: 400px;
flex: 0 0 400px;
height: auto;
overflow: hidden;
}

.customDiscussionList .loading,
.customDiscussionList .error {
text-align: center;
padding: 20px;
font-size: 16px;
color: #555;
}

.customDiscussionList .ForumViewMoreButton {
display: none;
}

.customDiscussionList .discussionListItems {
display: flex;
flex-direction: column;
gap: 10px;
}

@media (max-width: 900px) {
.customDiscussionContainer {
flex-direction: column;
align-items: center;
}

body.index .discussionList,
.customDiscussionList {
flex: 0 0 90%;
max-width: 90%;
}
}
`);

function createNewDiscussionList() {
let container = document.querySelector('.customDiscussionContainer');
if (!container) {
container = document.createElement('div');
container.className = 'customDiscussionContainer';

const existingDiscussionList = document.querySelector('body.index .discussionList');
if (existingDiscussionList) {
existingDiscussionList.parentNode.insertBefore(container, existingDiscussionList);
container.appendChild(existingDiscussionList);
} else {
const bodyIndex = document.querySelector('body.index');
if (bodyIndex) {
bodyIndex.appendChild(container);
}
}
}

const newDiscussionList = document.createElement('div');
newDiscussionList.className = 'discussionList customDiscussionList';
newDiscussionList.innerHTML = `
<div class="aboveThreadList">
<form action="${baseURL}/forums/${nodeId}/" method="post" class="DiscussionListOptions">
<input type="hidden" name="node_id" value="${nodeId}">

<div class="_universalSearchForm universalSearchForm">
<input name="title" value="" class="SearchInputQuery _universalSearchInput universalSearchInput textCtrl" placeholder="Поиск тем" autocomplete="off">
<i class="inputRelativeIcon fas fa-times" style="display: none;"></i>
</div>

<input type="hidden" name="_xfToken" value="2312422,1728548767,49aac0543425624fb3896cd9087e7579a503d4c1">
</form>
</div>

<div class="discussionListItems" id="discussionListItems_${nodeId}">
<div class="loading">Загрузка...</div>
</div>
`;

container.appendChild(newDiscussionList);
loadDiscussionList(nodeId, newDiscussionList.querySelector(`#discussionListItems_${nodeId}`), true);
addFilterHandlers(newDiscussionList);

const updateButton = document.querySelector('.UpdateFeedButton');
if (updateButton) {
updateButton.addEventListener('click', () => {
const mainDiscussionList = document.querySelector('body.index .discussionList .discussionListItems');
loadDiscussionList(1, mainDiscussionList, false);
loadDiscussionList(nodeId, newDiscussionList.querySelector(`#discussionListItems_${nodeId}`), true);
});
}
}

// Функция для загрузки списка обсуждений
function loadDiscussionList(nodeId, container, limit = false) {
let method = 'GET';
let url = `${baseURL}/forums/${nodeId}/`;
let params = null;

if (nodeId === 835) {
method = 'POST';
url = `${baseURL}/forums/${nodeId}/`;
params = new URLSearchParams();
params.append('node_id', `${nodeId}`);
params.append('title', '');
params.append('_xfToken', '2312422,1728548767,49aac0543425624fb3896cd9087e7579a503d4c1');
}

const xhr = new XMLHttpRequest();
xhr.open(method, url, true);
if (method === 'POST') {
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
}
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
const parser = new DOMParser();
const doc = parser.parseFromString(xhr.responseText, 'text/html');
const discussionItems = doc.querySelector('.discussionListItems');

if (discussionItems) {
let itemsHTML = discussionItems.innerHTML;

if (limit) {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = itemsHTML;

const topics = tempDiv.querySelectorAll('.discussionListItem');

let limitedHTML = '';
for (let i = 0; i < Math.min(10, topics.length); i++) {
limitedHTML += topics[i].outerHTML;
}

itemsHTML = limitedHTML;
}

container.innerHTML = itemsHTML;

} else {
container.innerHTML = '<div class="error">Не удалось загрузить темы.</div>';
}
} else {
container.innerHTML = '<div class="error">Ошибка загрузки.</div>';
}
}
};
if (method === 'POST' && params) {
xhr.send(params.toString());
} else {
xhr.send();
}
}

function addFilterHandlers(discussionList) {
const form = discussionList.querySelector('.DiscussionListOptions');
if (!form) return;

form.addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(form);
const params = new URLSearchParams();

for (const pair of formData.entries()) {
params.append(pair[0], pair[1]);
}

const nodeId = formData.get('node_id') || 835;

loadFilteredDiscussionList(nodeId, params, discussionList.querySelector('.discussionListItems'), true);
});
}

function loadFilteredDiscussionList(nodeId, params, container, limit = false) {
const xhr = new XMLHttpRequest();
xhr.open('POST', `${baseURL}/forums/${nodeId}/`, true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
const parser = new DOMParser();
const doc = parser.parseFromString(xhr.responseText, 'text/html');
const discussionItems = doc.querySelector('.discussionListItems');

if (discussionItems) {
let itemsHTML = discussionItems.innerHTML;

if (limit) {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = itemsHTML;

const topics = tempDiv.querySelectorAll('.discussionListItem');

let limitedHTML = '';
for (let i = 0; i < Math.min(10, topics.length); i++) {
limitedHTML += topics[i].outerHTML;
}

itemsHTML = limitedHTML;
}

container.innerHTML = itemsHTML;
} else {
container.innerHTML = '<div class="error">Не удалось загрузить темы.</div>';
}
} else {
container.innerHTML = '<div class="error">Ошибка загрузки.</div>';
}
}
};
xhr.send(params.toString());
}

function init() {
createNewDiscussionList();
}

window.addEventListener('load', function() {
init();
});

})();

JS
// ==UserScript==

// @name         Add "Offtopic" discussion list on main page.

// @namespace    [URL]http://tampermonkey.net/[/URL]

// @version      1.1

// @description  Добавляет дополнительный блок с темами из раздела "Оффтоп" на главную страницу, динамически подстраиваясь под текущий домен.

// @author       Yowori

// @match        [URL]https://lolz.live/*[/URL]

// @match        [URL]https://zelenka.guru/*[/URL]

// @match        [URL]https://lolz.guru/*[/URL]

// @icon        [IMG] https://i.imgur.com/xnJeB3f.png[/IMG]

// @grant        none

// @run-at       document-end

// @license MIT

// ==/UserScript==



(function() {

    'use strict';



    const nodeId = 8; // Раздел для отображения



    const hostname = window.location.hostname;

    let baseURL = '';



    if (hostname === 'lolz.live') {

        baseURL = 'https://lolz.live';

    } else if (hostname === 'zelenka.guru') {

        baseURL = 'https://zelenka.guru';

    } else if (hostname === 'lolz.guru') {

        baseURL = 'https://lolz.guru';

    } else {

        console.error('Неизвестный домен:', hostname);

        return;

    }



    function addGlobalStyle(css) {

        const head = document.getElementsByTagName('head')[0];

        if (!head) { return; }

        const style = document.createElement('style');

        style.type = 'text/css';

        style.innerHTML = css;

        head.appendChild(style);

    }



    addGlobalStyle(`

        .customDiscussionContainer {

            display: flex;

            gap: 20px;

            box-sizing: border-box;

            max-width: 1200px;

            margin: 0 auto;

            flex-wrap: nowrap;

        }



        body.index .discussionList {

            max-width: 520px;

            flex: 0 0 400px;

        }



        .customDiscussionList {

            max-height: 1040px;

            max-width: 400px;

            flex: 0 0 400px;

            height: auto;

            overflow: hidden;

        }



        .customDiscussionList .loading,

        .customDiscussionList .error {

            text-align: center;

            padding: 20px;

            font-size: 16px;

            color: #555;

        }



        .customDiscussionList .ForumViewMoreButton {

            display: none;

        }



        .customDiscussionList .discussionListItems {

            display: flex;

            flex-direction: column;

            gap: 10px;

        }



        @media (max-width: 900px) {

            .customDiscussionContainer {

                flex-direction: column;

                align-items: center;

            }



            body.index .discussionList,

            .customDiscussionList {

                flex: 0 0 90%;

                max-width: 90%;

            }

        }

    `);



    function createNewDiscussionList() {

        let container = document.querySelector('.customDiscussionContainer');

        if (!container) {

            container = document.createElement('div');

            container.className = 'customDiscussionContainer';



            const existingDiscussionList = document.querySelector('body.index .discussionList');

            if (existingDiscussionList) {

                existingDiscussionList.parentNode.insertBefore(container, existingDiscussionList);

                container.appendChild(existingDiscussionList);

            } else {

                const bodyIndex = document.querySelector('body.index');

                if (bodyIndex) {

                    bodyIndex.appendChild(container);

                }

            }

        }



        const newDiscussionList = document.createElement('div');

        newDiscussionList.className = 'discussionList customDiscussionList';

        newDiscussionList.innerHTML = `

            <div class="aboveThreadList">

                <form action="${baseURL}/forums/${nodeId}/" method="post" class="DiscussionListOptions">

                    <input type="hidden" name="node_id" value="${nodeId}">



                    <div class="_universalSearchForm universalSearchForm">

                        <input name="title" value="" class="SearchInputQuery _universalSearchInput universalSearchInput textCtrl" placeholder="Поиск тем" autocomplete="off">

                        <i class="inputRelativeIcon fas fa-times" style="display: none;"></i>

                    </div>



                    <input type="hidden" name="_xfToken" value="2312422,1728548767,49aac0543425624fb3896cd9087e7579a503d4c1">

                </form>

            </div>



            <div class="discussionListItems" id="discussionListItems_${nodeId}">

                <div class="loading">Загрузка...</div>

            </div>

        `;



        container.appendChild(newDiscussionList);

        loadDiscussionList(nodeId, newDiscussionList.querySelector(`#discussionListItems_${nodeId}`), true);

        addFilterHandlers(newDiscussionList);



        const updateButton = document.querySelector('.UpdateFeedButton');

        if (updateButton) {

            updateButton.addEventListener('click', () => {

                const mainDiscussionList = document.querySelector('body.index .discussionList .discussionListItems');

                loadDiscussionList(1, mainDiscussionList, false);

                loadDiscussionList(nodeId, newDiscussionList.querySelector(`#discussionListItems_${nodeId}`), true);

            });

        }

    }



    // Функция для загрузки списка обсуждений

    function loadDiscussionList(nodeId, container, limit = false) {

        let method = 'GET';

        let url = `${baseURL}/forums/${nodeId}/`;

        let params = null;



        if (nodeId === 835) {

            method = 'POST';

            url = `${baseURL}/forums/${nodeId}/`;

            params = new URLSearchParams();

            params.append('node_id', `${nodeId}`);

            params.append('title', '');

            params.append('_xfToken', '2312422,1728548767,49aac0543425624fb3896cd9087e7579a503d4c1');

        }



        const xhr = new XMLHttpRequest();

        xhr.open(method, url, true);

        if (method === 'POST') {

            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

        }

        xhr.onreadystatechange = function() {

            if (xhr.readyState === 4) {

                if (xhr.status === 200) {

                    const parser = new DOMParser();

                    const doc = parser.parseFromString(xhr.responseText, 'text/html');

                    const discussionItems = doc.querySelector('.discussionListItems');



                    if (discussionItems) {

                        let itemsHTML = discussionItems.innerHTML;



                        if (limit) {

                            const tempDiv = document.createElement('div');

                            tempDiv.innerHTML = itemsHTML;



                            const topics = tempDiv.querySelectorAll('.discussionListItem');



                            let limitedHTML = '';

                            for (let i = 0; i < Math.min(10, topics.length); i++) {

                                limitedHTML += topics[i].outerHTML;

                            }



                            itemsHTML = limitedHTML;

                        }



                        container.innerHTML = itemsHTML;



                    } else {

                        container.innerHTML = '<div class="error">Не удалось загрузить темы.</div>';

                    }

                } else {

                    container.innerHTML = '<div class="error">Ошибка загрузки.</div>';

                }

            }

        };

        if (method === 'POST' && params) {

            xhr.send(params.toString());

        } else {

            xhr.send();

        }

    }



    function addFilterHandlers(discussionList) {

        const form = discussionList.querySelector('.DiscussionListOptions');

        if (!form) return;



        form.addEventListener('submit', function(e) {

            e.preventDefault();

            const formData = new FormData(form);

            const params = new URLSearchParams();



            for (const pair of formData.entries()) {

                params.append(pair[0], pair[1]);

            }



            const nodeId = formData.get('node_id') || 835;



            loadFilteredDiscussionList(nodeId, params, discussionList.querySelector('.discussionListItems'), true);

        });

    }



    function loadFilteredDiscussionList(nodeId, params, container, limit = false) {

        const xhr = new XMLHttpRequest();

        xhr.open('POST', `${baseURL}/forums/${nodeId}/`, true);

        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

        xhr.onreadystatechange = function() {

            if (xhr.readyState === 4) {

                if (xhr.status === 200) {

                    const parser = new DOMParser();

                    const doc = parser.parseFromString(xhr.responseText, 'text/html');

                    const discussionItems = doc.querySelector('.discussionListItems');



                    if (discussionItems) {

                        let itemsHTML = discussionItems.innerHTML;



                        if (limit) {

                            const tempDiv = document.createElement('div');

                            tempDiv.innerHTML = itemsHTML;



                            const topics = tempDiv.querySelectorAll('.discussionListItem');



                            let limitedHTML = '';

                            for (let i = 0; i < Math.min(10, topics.length); i++) {

                                limitedHTML += topics[i].outerHTML;

                            }



                            itemsHTML = limitedHTML;

                        }



                        container.innerHTML = itemsHTML;

                    } else {

                        container.innerHTML = '<div class="error">Не удалось загрузить темы.</div>';

                    }

                } else {

                    container.innerHTML = '<div class="error">Ошибка загрузки.</div>';

                }

            }

        };

        xhr.send(params.toString());

    }



    function init() {

        createNewDiscussionList();

    }



    window.addEventListener('load', function() {

        init();

    });



})();
P.S Я не профессиональный кодер, так что не бейте если считаете это говнокодом ;3

planetus · 10 окт 2024

о, я есть в списке

Roninom · 10 окт 2024

Спасибо, теперь не нужно смотреть другие темы кроме оффтопикв

СенкоСан · 10 окт 2024

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

ЯБылНоКем · 10 окт 2024

интересное конечно дизайнерское решение

WTF · 10 окт 2024

Измени на
// @match https://lolz.live/*
// @match https://zelenka.guru/*
// @match https://lolz.guru/*

Код
// @match        https://lolz.live/*

// @match        https://zelenka.guru/*

// @match        https://lolz.guru/*
А то не воркает

c0d · 10 окт 2024

через нейронки допили, что бы его можно было скрывать не выключая расширение

--- Сообщение объединено с предыдущим 10 окт 2024
или же просто чекбокс сделай

uncpfurry · 10 окт 2024

ЙООООО ВОТ ЭТО ИМБА СПАСИБО

kusyaka · 10 окт 2024

пушка брат спасибо

Папаня · 10 окт 2024

ВОт это реально имба, лайк за такое

WhatACat · 10 окт 2024

Для оффтоперов самое то, но у истинных оффтопик в закладках и стоит вместо главной страницы

Sakura · 10 окт 2024

Можно сделать так, чтобы с любым разделом это было возможно

Bismuth · 10 окт 2024

А можно как то чтобы не оффтопик был а какой то другой раздел?

Yowori · 10 окт 2024

Немношко изменил скрипт.

- Можно изменить раздел для отображения, указав его ID.

- Запрос GET теперь отправляется в зависимости от вашего основного домена (Из-за того что по умолчанию стояло zelenka,guru, у некоторых не прогружался список тем с раздела, спасибки Bismuth).

Обновлен | Автоподнятие тем в телеграмм боте + Исходный код

[REWORK] LztStreamerMode - Режим стримера для LOLZTEAM

LZT | Multi Accounts Switcher | Входи в свои аккаунты одним кликом | Tampermonkey (BETA)

Все дополнения от el9in в одной теме | И не только

[LOLZ NEWS Mentions] Парсинг упоминаний с новостного телеграм канала

[Бета] lzt_ping_bot - Статус серверов LolzTeam в Inline Bot

Котик бегающий по форуму

XenForo без секретов: как писать расширения

[LZTToggleRead] Пометить диалог/беседу как не прочитанное

[LZT_Share v1.3] Делимся любой темой, сообщением или комментарием в лс форума и тг одной кнопкой.

Автоподнятие тем LZT на Python + уведомления в Telegram + гайд как рассчитывать время поднятия

Плагин перевода денег Lolzteam для Exteragram / Ayugram

Скрипт для удобства в разделе сливов | Быстрое открытие Mega.nz ссылок с авто добавлением ключа

Обновление скрипта > Lolzteam Multiaccount Finder - искать мошенников теперь проще

Расширение, которое добавляет кнопку симпатии в список розыгрышей

Расширение для быстрых и выгодных обменов в P2P разделе | Проценты выгоды в обменах и многое другое

Автоподнятие тем, автозакреп и другие полезные скрипты для форума

Расширение: Автообновление списка тем LZT

Уведомления Windows о новых темах на Lolzteam

Фикс прозрачного чата лолза

Префикс/постфикс в чате лолза

Автоподнятие аккаунтов маркета LZT на Python + авто-получение аккаунтов + уведомления в Telegram

[LZTQuoteBackground v1.2] Кастомный фон для цитат как в телеге

Фон выделяемых сообщений зелёный

Заметки в профиле пользователя на маркете и форуме

Рабочий аналог Lolzteam Alert

Идеи для дополнений — общая тема

Общая тема скриптов eretly

LZT Anime - с Liquid Glass

Тема с объединенными дополнениями

Добавляем дополнительный блок с темами с раздела "Оффтоп" на главную страницу.