Difference between pages "Experiments" and "MediaWiki:Common.js"
(Difference between pages)
Jump to navigation
Jump to search
Tag: Manual revert |
|||
Line 1: | Line 1: | ||
mw.loader.using('mediawiki.util').then(function() { | |||
< | function zselector( $content ) { | ||
var ActiveID = ''; | |||
$(function () { | |||
$('[class|="cc"]').click(function () { | |||
</ | var cn = $(this).attr('class'); | ||
if (typeof cn !== 'undefined') { | |||
ZContent(cn, '0'); | |||
} | |||
}); | |||
$('[class|="hh"]').mouseenter(function () { | |||
var cn = $(this).attr('class'); | |||
if (typeof cn !== 'undefined') { | |||
ZContent(cn, '1'); | |||
} | |||
}); | |||
$('[class|="hh"]').mouseleave(function () { | |||
var cn = $(this).attr('class'); | |||
if (typeof cn !== 'undefined') { | |||
ZContent(cn, '2'); | |||
} | |||
}); | |||
$('[class|="zz"]').each(function (i, elem) { | |||
if ($(this).css('display') == 'none') { | |||
$(this).css('opacity', 0); | |||
} | |||
}); | |||
}); | |||
function ZContent(classValue, effect) { | |||
if (classValue.split) { | |||
var ID = ''; | |||
var elemClasses = classValue.split(' '); | |||
for (var i = 0; i < elemClasses.length; i++) { | |||
var elemClass = elemClasses[i]; | |||
if (elemClass.substring(0, 3) == 'hh-' || elemClass.substring(0, 3) == 'cc-') { | |||
ID = elemClass.substring(3); | |||
if (effect == '0') { | |||
ActiveID = ID; | |||
ZEffect(ID); | |||
SelectElem('cc', ID) | |||
break; | |||
} else if (effect == '1') { | |||
ActiveID = ID; | |||
ZEffect(ID); | |||
SelectElem('hh', ID) | |||
break; | |||
} else if (effect == '2') { | |||
ZEffect(ActiveID); | |||
SelectElem('hh', ID); | |||
break; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
function ZEffect(ID) { | |||
$('[class|="zz"]').each(function (i, elem) { | |||
if ($(this).hasClass('zz-' + ID)) { | |||
$(this).css('display', 'block'); | |||
$(window).trigger('scroll'); | |||
$(this).stop(); | |||
$(this).animate({ | |||
opacity: 1, | |||
queue: false | |||
}, 700); | |||
} else { | |||
$(this).css('display', 'none'); | |||
$(this).stop(); | |||
$(this).animate({ | |||
opacity: 0, | |||
queue: false | |||
}, 0); | |||
} | |||
}); | |||
} | |||
function SelectElem(type, ID) { | |||
$('[class|="cc"],[class|="hh"]').each(function (i, elem) { | |||
if ($(this).hasClass(type + '-' + ID)) { | |||
$(this).removeClass('sn'); | |||
$(this).addClass('sy'); | |||
} else { | |||
$(this).removeClass('sy'); | |||
$(this).addClass('sn'); | |||
} | |||
}); | |||
} | |||
} | |||
mw.hook( 'wikipage.content' ).add( zselector ); | |||
zselector( mw.util.$content ); | |||
}); | |||
// Динамическая кнопка "back to top" | |||
$(document).ready(function(){ | |||
// Create the back to top button element | |||
var backButton = $('<button id="back-to-top" title="Back to top"> </button>'); | |||
// Append the button to the body | |||
$('body').append(backButton); | |||
// Smooth scroll to top when the button is clicked | |||
backButton.click(function(){ | |||
$('html, body').animate({scrollTop : 0},800); | |||
return false; | |||
}); | |||
}); | |||
window.addEventListener('scroll', function() { | |||
var toc = document.getElementById('toc'); | |||
var bodyContent = document.getElementById('bodyContent'); | |||
var scrollY = window.scrollY || window.pageYOffset; | |||
// Adjust the top position of the TOC based on scrolling | |||
if (scrollY > bodyContent.offsetTop) { | |||
toc.style.top = (scrollY - bodyContent.offsetTop) + 'px'; | |||
} else { | |||
toc.style.top = '0'; | |||
} | |||
}); |
Revision as of 06:11, 31 March 2024
mw.loader.using('mediawiki.util').then(function() { function zselector( $content ) { var ActiveID = ''; $(function () { $('[class|="cc"]').click(function () { var cn = $(this).attr('class'); if (typeof cn !== 'undefined') { ZContent(cn, '0'); } }); $('[class|="hh"]').mouseenter(function () { var cn = $(this).attr('class'); if (typeof cn !== 'undefined') { ZContent(cn, '1'); } }); $('[class|="hh"]').mouseleave(function () { var cn = $(this).attr('class'); if (typeof cn !== 'undefined') { ZContent(cn, '2'); } }); $('[class|="zz"]').each(function (i, elem) { if ($(this).css('display') == 'none') { $(this).css('opacity', 0); } }); }); function ZContent(classValue, effect) { if (classValue.split) { var ID = ''; var elemClasses = classValue.split(' '); for (var i = 0; i < elemClasses.length; i++) { var elemClass = elemClasses[i]; if (elemClass.substring(0, 3) == 'hh-' || elemClass.substring(0, 3) == 'cc-') { ID = elemClass.substring(3); if (effect == '0') { ActiveID = ID; ZEffect(ID); SelectElem('cc', ID) break; } else if (effect == '1') { ActiveID = ID; ZEffect(ID); SelectElem('hh', ID) break; } else if (effect == '2') { ZEffect(ActiveID); SelectElem('hh', ID); break; } } } } } function ZEffect(ID) { $('[class|="zz"]').each(function (i, elem) { if ($(this).hasClass('zz-' + ID)) { $(this).css('display', 'block'); $(window).trigger('scroll'); $(this).stop(); $(this).animate({ opacity: 1, queue: false }, 700); } else { $(this).css('display', 'none'); $(this).stop(); $(this).animate({ opacity: 0, queue: false }, 0); } }); } function SelectElem(type, ID) { $('[class|="cc"],[class|="hh"]').each(function (i, elem) { if ($(this).hasClass(type + '-' + ID)) { $(this).removeClass('sn'); $(this).addClass('sy'); } else { $(this).removeClass('sy'); $(this).addClass('sn'); } }); } } mw.hook( 'wikipage.content' ).add( zselector ); zselector( mw.util.$content ); }); // Динамическая кнопка "back to top" $(document).ready(function(){ // Create the back to top button element var backButton = $('<button id="back-to-top" title="Back to top"> </button>'); // Append the button to the body $('body').append(backButton); // Smooth scroll to top when the button is clicked backButton.click(function(){ $('html, body').animate({scrollTop : 0},800); return false; }); }); window.addEventListener('scroll', function() { var toc = document.getElementById('toc'); var bodyContent = document.getElementById('bodyContent'); var scrollY = window.scrollY || window.pageYOffset; // Adjust the top position of the TOC based on scrolling if (scrollY > bodyContent.offsetTop) { toc.style.top = (scrollY - bodyContent.offsetTop) + 'px'; } else { toc.style.top = '0'; } });