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

Версия от 21:45, 4 мая 2024

// Скрыть содержимое страницы при клике на ссылку и загрузить новое содержимое асинхронно
$(document).ready(function() {
    $('a').click(function(event) {
        event.preventDefault(); // Предотвратить переход по ссылке по умолчанию

        var link = $(this).attr('href'); // Получить URL ссылки

        // Скрыть текущее содержимое страницы
        $('#mw-content-text').fadeOut('fast', function() {
            // Загрузить новое содержимое страницы
            $('#mw-content-text').load(link + ' #mw-content-text', function() {
                // Показать новое содержимое страницы
                $('#mw-content-text').fadeIn('fast');
            });
        });
    });
});


// Кнопочка для переключения темы на светлую и обратно.
function createThemeToggleButton() {
  var container = document.getElementById("p-personal");
  if (container) {
      var checkbox = document.createElement("input");
      checkbox.type = "checkbox";
      checkbox.id = "theme-toggle";

      var label = document.createElement("label");
      label.htmlFor = "theme-toggle";
      label.id = "theme-button";

      container.parentNode.insertBefore(checkbox, container);
      container.parentNode.insertBefore(label, container);
  }

  var isLightTheme = localStorage.getItem("isLightTheme");
  if (isLightTheme === "true") {
      document.documentElement.classList.add('light');
  } else {
      document.documentElement.classList.remove('light');
  }

  $("#theme-toggle").change(function() {
      toggleTheme();
  });
}

function toggleTheme() {
  var isLightTheme = document.documentElement.classList.toggle('light');
  localStorage.setItem("isLightTheme", isLightTheme);
}

createThemeToggleButton();