We add an additional block with topics from the "Offtopic" section to the main page.

Yowori · Oct 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 · Oct 10, 2024

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

Roninom · Oct 10, 2024

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

СенкоСан · Oct 10, 2024

Hidden content. You need to be registered to see it.
Click to expand...

ЯБылНоКем · Oct 10, 2024

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

WTF · Oct 10, 2024

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

Code
// @match        https://lolz.live/*

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

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

c0d · Oct 10, 2024

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

The post was merged to previous Oct 10, 2024
или же просто чекбокс сделай

uncpfurry · Oct 10, 2024

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

kusyaka · Oct 10, 2024

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

Папаня · Oct 10, 2024

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

WhatACat · Oct 10, 2024

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

Sakura · Oct 10, 2024

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

Bismuth · Oct 10, 2024

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

Yowori · Oct 10, 2024

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

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

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

Updated Automatic raising of topics in telegram bot + Source code

[RWORK] LZTSTREAMERODE - Streamer mode for Lolzteam

[Lzttoggleread] mark a dialog/conversation as not read

[Lzt_Share v1.3] We share any topic, message or comment in the forum and TG drugs with one button.

Auto-raise LZT topics in Python + notifications in Telegram + guide on how to calculate the time of raising

Lolzteam money transfer plugin for EXTERAGRAM / AYUGRAM

Script for Convenience in the Leaks Section | Quick Opening of Mega.nz Links with Auto Key Addition

LZT | Multi Accounts Switcher | Login to your accounts with one click | Tampermonkey (BETA)

All additions from el9in in one topic | And not only

Script Update> Lolzteam Multiaaccount Finder - Searching for scammers is now easier

An extension that adds a like button to the draw list

Expansion for quick and profitable exchanges in P2P section | Interest in exchanges in exchanges and much friend

Script to auto-raise topics

[Beta] lzt_ping_bot - Lolzteam server status in Inline Bot

XenForo without secrets: how to write extensions

Extension: LZT topic list auto-update

Windows notifications about new topics on Lolzteam

Fix transparent chat lolz

Prefix/postfix in Lolza Chat

Auto-raising LZT market accounts in Python + auto-acquisition of accounts + notifications in Telegram

[Lztquotebackground v1] Caste background for quotes as in a cart

[Lolz News Mentions] Parsing of Mentions from the news telegram of the channel

The background of selected messages is green

Notes in the user profile on the market and forum

Working analogue of Lolzteam Alert

Ideas for additions - a common topic

General theme of eretly scripts

Lzt Anime - with Liquid Glass

Theme with merged additions

Lolzteam Multiaccount Finder - finding scammers is now easier.

We add an additional block with topics from the "Offtopic" section to the main page.