MediaWiki:Vector.js
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
// Ассинхронная загрузка страницы. Убирает всякие мерцания, показывая сразу готовую страницу. Костыль? Да. Работает? Ну вроде Clueless
/* function loadPage(url) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
document.body.innerHTML = xhr.responseText;
window.history.pushState({}, '', url);
updatePageTitle();
createThemeToggleButton();
}
}
};
xhr.open('GET', url, true);
xhr.send();
}
document.addEventListener('click', function(event) {
var link = event.target.closest('a');
if (link && link.href && link.href.indexOf(window.location.origin) !== -1) {
event.preventDefault();
loadPage(link.href);
}
});
// Заставляем вперёд/назад работать.
window.addEventListener('popstate', function(event) {
loadPage(window.location.href);
});
// Обновление названия вкладки
function updatePageTitle() {
var title = document.querySelector('h1').innerText;
document.title = title;
}
*/
// Кнопочка для переключения темы на светлую и обратно.
/* 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(); */