MediaWiki:Vector.js: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 12: Line 12:
         var container = $('<div>')
         var container = $('<div>')
             .attr('id', 'help-container')  // Присваиваем контейнеру id
             .attr('id', 'help-container')  // Присваиваем контейнеру id
             .addClass('help-container');    // Добавляем класс, чтобы использовать стили из common.css
             .addClass('help-container');    // Добавляем класс


         // Создаем заголовок "Help"
         // Создаем заголовок "Help"
         var helpHeader = $('<h3>')
         var helpHeader = $('<h3>')
             .text('Help')                // Заголовок
             .text('Help')                // Заголовок
             .addClass('help-header');    // Добавляем класс для заголовка
             .addClass('help-header');    // Добавляем класс


         // Добавляем заголовок в контейнер
         // Добавляем заголовок в контейнер
         container.append(helpHeader);
         container.append(helpHeader);
        // Добавляем горизонтальную линию
        container.append('<hr>');


         // Массив с путями к изображениям
         // Массив с путями к изображениям
Line 37: Line 34:
         var image = $('<img>')
         var image = $('<img>')
             .attr('src', randomImage)  // Устанавливаем случайное изображение
             .attr('src', randomImage)  // Устанавливаем случайное изображение
             .addClass('help-image');    // Добавляем класс для изображения
             .addClass('help-image');    // Добавляем класс


         // Добавляем изображение в контейнер
         // Добавляем изображение в контейнер

Revision as of 16:13, 20 October 2024

$(document).ready(function() {
    var newItem = $('<li class="personal-version" title="Version October 2024"><a href="/index.php?title=MediaWiki:Blog" style="text-decoration: none; color: inherit;">Version: Beta 5.1</a><hr style="display:inline-block; height: 20px; bottom: 2px; width: 1px; background: linear-gradient(to bottom, #DDD7CC, #702114); border: none; margin-left: 10px; vertical-align: middle;"></li>');
    $('#p-personal > div > ul').prepend(newItem); // Добавляем элемент первым в списке навигации
});

$(document).ready(function() {
    // Найдем элемент Sidebar (в Vector skin это обычно div с id 'p-tb')
    var sidebar = $('#p-tb'); // Стандартный id для Sidebar в Vector skin

    if (sidebar.length) {
        // Создаем контейнер div
        var container = $('<div>')
            .attr('id', 'help-container')  // Присваиваем контейнеру id
            .addClass('help-container');     // Добавляем класс

        // Создаем заголовок "Help"
        var helpHeader = $('<h3>')
            .text('Help')                // Заголовок
            .addClass('help-header');    // Добавляем класс

        // Добавляем заголовок в контейнер
        container.append(helpHeader);

        // Массив с путями к изображениям
        var images = [
            '/images/5/52/10.14.2009.jpg',
            '/images/6/66/Friends_from_FC_29_Dec_2009.jpg'
        ];

        // Выбираем случайное изображение
        var randomImage = images[Math.floor(Math.random() * images.length)];

        // Создаем элемент изображения
        var image = $('<img>')
            .attr('src', randomImage)  // Устанавливаем случайное изображение
            .addClass('help-image');    // Добавляем класс

        // Добавляем изображение в контейнер
        container.append(image);

        // Вставляем контейнер после Sidebar
        sidebar.after(container);
    }
});