MediaWiki:Common.js: различия между версиями

Материал из Radix-IT
Нет описания правки
Метка: отменено
Нет описания правки
Метка: отменено
Строка 1: Строка 1:
// Функция для показа или скрытия элемента
// Функция для добавления дерева категорий
function toggleCategoryTree() {
function addCategoryTree() {
     const categoryTree = document.querySelector('.categorytree-frame');
     // Проверяем, существует ли уже элемент
    const isVisible = categoryTree.style.display !== 'none';
    if (!document.querySelector('.categorytree-frame')) {
        // Создаем элемент
        var categoryTree = document.createElement('div');
        categoryTree.className = 'categorytree-frame';
        categoryTree.innerHTML = '<categorytree mode="all" style="font-size: 1.5em;">KATAN</categorytree>';


    // Сохраняем состояние в localStorage
        // Вставляем элемент в body
    localStorage.setItem('categoryTreeVisible', isVisible ? 'true' : 'false');
        document.body.appendChild(categoryTree);
 
     }
     // Меняем видимость элемента
    categoryTree.style.display = isVisible ? 'none' : 'block';
}
}


// При загрузке страницы проверяем состояние
// Добавляем дерево категорий при загрузке страницы
window.onload = function() {
window.onload = addCategoryTree;
    const categoryTree = document.querySelector('.categorytree-frame');
    const isVisible = localStorage.getItem('categoryTreeVisible') !== 'false';
 
    // Устанавливаем видимость в зависимости от сохраненного состояния
    categoryTree.style.display = isVisible ? 'block' : 'none';
};
 
// Можно добавить событие для переключения видимости при клике на кнопку
document.querySelector('#toggleButton').addEventListener('click', toggleCategoryTree);

Версия от 09:04, 20 августа 2024

// Функция для добавления дерева категорий
function addCategoryTree() {
    // Проверяем, существует ли уже элемент
    if (!document.querySelector('.categorytree-frame')) {
        // Создаем элемент
        var categoryTree = document.createElement('div');
        categoryTree.className = 'categorytree-frame';
        categoryTree.innerHTML = '<categorytree mode="all" style="font-size: 1.5em;">KATAN</categorytree>';

        // Вставляем элемент в body
        document.body.appendChild(categoryTree);
    }
}

// Добавляем дерево категорий при загрузке страницы
window.onload = addCategoryTree;