MediaWiki:Common.js

Версія за 20:54, 13 березня 2026

/* Any JavaScript here will be loaded for all users on every page load. */
if(mw.config.get('wgArticleId') == 1736) {
$( document ).ready( function() {
	var sli = $("#photoGroups .holder ul")[0];
	    sli.parentNode.style.height = "200px";
	$("#photoGroups p").each(function(i) {
 	    	$(this).mouseenter(function() {
			$(sli).stop();
			$(sli).animate({marginTop:"-"+(200+i*200)+"px"});
		});
	});
})};
$('.xpand a').click(function() {
	var c = this.firstChild.nodeValue,
	d = c.substring(0,c.length-1);
	this.innerHTML = c.charCodeAt(c.length-1) === 9658 ? d+'\u25BC' : d+'\u25BA';
	$('.'+$(this).attr('href').substring(1)).slideToggle();
	return false;
});
var ph = $('.photogal ul .thumbimage');
if (ph[0]) {
	ph[0].style.opacity = 0.66;
	var img = $('.photogal img')[0],
	caption = $('.photogal .thumbcaption')[0];
	img.removeAttribute('width');
	$('.photogal .thumbinner')[0].style.width = '';
	ph.each(function(i) {
		$(this).click(function() {
			var cpt = $('.thumbcaption',$('.photogal li')[i])[0];
			caption.innerHTML = cpt.innerText || cpt.textContent;
			img.src = this.src.replace('200px','800px');
			img.parentNode.href = this.parentNode.href;
			ph.each(function(j) { this.style.opacity = i === j ? 0.66 : 1 });
			return false;
		});
	});
}

var team = $('.team img');
if(team.length){
	var hl = $('<div class="photo_hl"></div>');
	hl.append(team.clone());
	team.before(hl);
	hl = hl.children();
	$('.team ul li').each(function(){
		$(this).mouseover(function() {
			var pos = $(this).attr('data-pos');
			if(pos) {
				pos = pos.split(':');
				hl.css('clip','rect('+
					hl.height()/(100/pos[1])+'px '+
					hl.width()/(100/(pos[0]*1+pos[2]*1))+'px '+
					hl.height()/(100/(pos[1]*1+pos[3]*1))+'px '+
					hl.width()/(100/pos[0])+'px)'
				);
			}
		});
		$(this).mouseout(function() {
			hl.css('clip','rect(0 '+hl.width()+'px '+hl.height()+'px 0)');
		});
		if(!hl.attr('style')) $(this).mouseout();
	});
}




/* ---------- LANGUAGE FLAGS + GOOGLE TRANSLATE ---------- */

$(document).ready(function(){

/* invisible container for google translate */
$('body').append('<div id="google_translate_element" style="display:none"></div>');

/* language flags */
var flags =
'<div id="gt_flags" style="position:fixed;top:40px;right:20px;background:white;padding:6px 10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.2);z-index:9999;">' +

'<a href="#" onclick="setLang(\'uk\')" title="Українська"><img src="https://flagcdn.com/24x18/ua.png"></a> ' +

'<a href="#" onclick="setLang(\'en\')" title="English"><img src="https://flagcdn.com/24x18/gb.png"></a> ' +

'<a href="#" onclick="setLang(\'de\')" title="Deutsch"><img src="https://flagcdn.com/24x18/de.png"></a> ' +

'<a href="#" onclick="setLang(\'fr\')" title="Français"><img src="https://flagcdn.com/24x18/fr.png"></a> ' +

'<a href="#" onclick="setLang(\'es\')" title="Español"><img src="https://flagcdn.com/24x18/es.png"></a> ' +

'<a href="#" onclick="setLang(\'pl\')" title="Polski"><img src="https://flagcdn.com/24x18/pl.png"></a> ' +

'<a href="#" onclick="setLang(\'ja\')" title="日本語"><img src="https://flagcdn.com/24x18/jp.png"></a>' +

'</div>';

document.body.insertAdjacentHTML('afterbegin', flags);

});

/* change language */
function setLang(lang){

document.cookie = "googtrans=/uk/" + lang;
document.cookie = "googtrans=/uk/" + lang + ";path=/";

location.reload();

}

/* load google translate */

function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'uk',
autoDisplay: false
}, 'google_translate_element');
}


var gt = document.createElement('script');
gt.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
document.head.appendChild(gt);

/* ---------- LANGUAGE FLAGS ---------- */

$(function(){

var url = encodeURIComponent(location.href);

var flags =
'<div id="gt_flags" style="position:fixed;top:40px;right:20px;background:white;padding:6px 10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.2);z-index:9999;">'+
'<a href="https://translate.google.com/translate?sl=uk&tl=en&u='+url+'" title="English"><img src="https://flagcdn.com/24x18/gb.png"></a> '+
'<a href="https://translate.google.com/translate?sl=uk&tl=de&u='+url+'" title="Deutsch"><img src="https://flagcdn.com/24x18/de.png"></a> '+
'<a href="https://translate.google.com/translate?sl=uk&tl=fr&u='+url+'" title="Français"><img src="https://flagcdn.com/24x18/fr.png"></a> '+
'<a href="https://translate.google.com/translate?sl=uk&tl=es&u='+url+'" title="Español"><img src="https://flagcdn.com/24x18/es.png"></a> '+
'<a href="https://translate.google.com/translate?sl=uk&tl=pl&u='+url+'" title="Polski"><img src="https://flagcdn.com/24x18/pl.png"></a> '+
'<a href="https://translate.google.com/translate?sl=uk&tl=ja&u='+url+'" title="日本語"><img src="https://flagcdn.com/24x18/jp.png"></a>'+
'</div>';

$('body').prepend(flags);
});

/* force hide google translate banner */

setInterval(function(){

var banner = document.querySelector('.goog-te-banner-frame');

if(banner){
banner.style.display='none';
}

document.body.style.top='0px';

},500);