MediaWiki:Common.js: различия между версиями
Перейти к навигации
Перейти к поиску
Shihov (обсуждение | вклад) Нет описания правки |
Shihov (обсуждение | вклад) Нет описания правки |
||
Строка 2: | Строка 2: | ||
console.log("Скрипт дерева категорий загружен."); | console.log("Скрипт дерева категорий загружен."); | ||
function saveTreeHTML() { | function saveTreeHTML() { | ||
console.log("Сохраняем HTML дерева..."); | console.log("Сохраняем HTML дерева..."); | ||
var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html(); | var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html(); | ||
localStorage.setItem('categoryTreeHTML', treeHTML); | localStorage.setItem('categoryTreeHTML', treeHTML); | ||
} | } | ||
function restoreTreeHTML() { | function restoreTreeHTML() { | ||
console.log("Восстанавливаем HTML дерева..."); | console.log("Восстанавливаем HTML дерева..."); | ||
var treeHTML = localStorage.getItem('categoryTreeHTML'); | var treeHTML = localStorage.getItem('categoryTreeHTML'); | ||
if (treeHTML) { | if (treeHTML) { | ||
$('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML); | $('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML); | ||
} | } | ||
} | } | ||
restoreTreeHTML(); | restoreTreeHTML(); | ||
$('body').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) { | $('body').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) { | ||
var $target = $(event.target); | var $target = $(event.target); | ||
var $item = $(this); | var $item = $(this); | ||
var $toggleButton = $item.find('.CategoryTreeToggle').first(); | var $toggleButton = $item.find('.CategoryTreeToggle').first(); | ||
var isCategory = !$item.find('.CategoryTreePageBullet').length; | var isCategory = !$item.find('.CategoryTreePageBullet').length; | ||
if ($target.hasClass('CategoryTreeToggle')) return; | |||
if ($target.hasClass('CategoryTreeToggle')) | |||
if ($target.is('a') && isCategory) { | if ($target.is('a') && isCategory) { | ||
event.preventDefault(); | event.preventDefault(); | ||
$toggleButton.click(); | $toggleButton.click(); | ||
} | } else if (isCategory) { | ||
$toggleButton.click(); | $toggleButton.click(); | ||
} | } else { | ||
var link = $item.find('a').attr('href'); | var link = $item.find('a').attr('href'); | ||
if (link) { | if (link) { | ||
saveTreeHTML(); | saveTreeHTML(); | ||
localStorage.setItem('lastOpenedPageTitle', $item.text().trim()); | localStorage.setItem('lastOpenedPageTitle', $item.text().trim()); | ||
Строка 60: | Строка 39: | ||
} | } | ||
} | } | ||
saveTreeHTML(); | saveTreeHTML(); | ||
}); | }); | ||
setTimeout(function() { | setTimeout(function() { | ||
var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle'); | var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle'); | ||
if (lastOpenedPageTitle) { | if (lastOpenedPageTitle) { | ||
var $lastOpenedItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() { | var $lastOpenedItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() { | ||
return $(this).text().trim() === lastOpenedPageTitle; | return $(this).text().trim() === lastOpenedPageTitle; | ||
Строка 75: | Строка 50: | ||
if ($lastOpenedItem.length) { | if ($lastOpenedItem.length) { | ||
$('#p-categorytree-portlet').animate({ | $('#p-categorytree-portlet').animate({ | ||
scrollTop: $lastOpenedItem.position().top - 50 | scrollTop: $lastOpenedItem.position().top - 50 | ||
}, 500); | }, 500, function() { | ||
// Добавляем подсветку на 1.5 секунды | |||
$lastOpenedItem.addClass('highlighted'); | |||
setTimeout(function() { | |||
$lastOpenedItem.removeClass('highlighted'); | |||
}, 1500); | |||
}); | |||
localStorage.removeItem('lastOpenedPageTitle'); | localStorage.removeItem('lastOpenedPageTitle'); | ||
} | } | ||
} | } | ||
}, 500); | }, 500); | ||
$(window).on('beforeunload', saveTreeHTML); | $(window).on('beforeunload', saveTreeHTML); | ||
}); | }); |
Версия от 07:41, 27 февраля 2025
$(document).ready(function() {
console.log("Скрипт дерева категорий загружен.");
function saveTreeHTML() {
console.log("Сохраняем HTML дерева...");
var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html();
localStorage.setItem('categoryTreeHTML', treeHTML);
}
function restoreTreeHTML() {
console.log("Восстанавливаем HTML дерева...");
var treeHTML = localStorage.getItem('categoryTreeHTML');
if (treeHTML) {
$('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML);
}
}
restoreTreeHTML();
$('body').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) {
var $target = $(event.target);
var $item = $(this);
var $toggleButton = $item.find('.CategoryTreeToggle').first();
var isCategory = !$item.find('.CategoryTreePageBullet').length;
if ($target.hasClass('CategoryTreeToggle')) return;
if ($target.is('a') && isCategory) {
event.preventDefault();
$toggleButton.click();
} else if (isCategory) {
$toggleButton.click();
} else {
var link = $item.find('a').attr('href');
if (link) {
saveTreeHTML();
localStorage.setItem('lastOpenedPageTitle', $item.text().trim());
window.location.href = link;
}
}
saveTreeHTML();
});
setTimeout(function() {
var lastOpenedPageTitle = localStorage.getItem('lastOpenedPageTitle');
if (lastOpenedPageTitle) {
var $lastOpenedItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
return $(this).text().trim() === lastOpenedPageTitle;
});
if ($lastOpenedItem.length) {
$('#p-categorytree-portlet').animate({
scrollTop: $lastOpenedItem.position().top - 50
}, 500, function() {
// Добавляем подсветку на 1.5 секунды
$lastOpenedItem.addClass('highlighted');
setTimeout(function() {
$lastOpenedItem.removeClass('highlighted');
}, 1500);
});
localStorage.removeItem('lastOpenedPageTitle');
}
}
}, 500);
$(window).on('beforeunload', saveTreeHTML);
});