MediaWiki:Common.js
Інститут фізіології ім. О. О. Богомольця
(відмінності між версіями)
Bobo (Обговорення • внесок) |
Elena (Обговорення • внесок) |
||
| (35 проміжних версій 2 користувачів не показані) | |||
| Рядок 40: | Рядок 40: | ||
if(team.length){ | if(team.length){ | ||
var hl = $('<div class="photo_hl"></div>'); | var hl = $('<div class="photo_hl"></div>'); | ||
| − | |||
hl.append(team.clone()); | hl.append(team.clone()); | ||
team.before(hl); | team.before(hl); | ||
| Рядок 50: | Рядок 49: | ||
pos = pos.split(':'); | pos = pos.split(':'); | ||
hl.css('clip','rect('+ | hl.css('clip','rect('+ | ||
| − | pos[1]+'px '+ | + | hl.height()/(100/pos[1])+'px '+ |
| − | (pos[0]*1+pos[2]*1)+'px '+ | + | hl.width()/(100/(pos[0]*1+pos[2]*1))+'px '+ |
| − | (pos[1]*1+pos[3]*1)+'px '+ | + | hl.height()/(100/(pos[1]*1+pos[3]*1))+'px '+ |
| − | pos[0]+'px)' | + | hl.width()/(100/pos[0])+'px)' |
); | ); | ||
} | } | ||
| Рядок 60: | Рядок 59: | ||
hl.css('clip','rect(0 '+hl.width()+'px '+hl.height()+'px 0)'); | hl.css('clip','rect(0 '+hl.width()+'px '+hl.height()+'px 0)'); | ||
}); | }); | ||
| + | if(!hl.attr('style')) $(this).mouseout(); | ||
}); | }); | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /* ===== GOOGLE TRANSLATE FLAGS ===== */ | ||
| + | |||
| + | function addTranslateFlags(){ | ||
| + | |||
| + | if(document.getElementById('gt_flags')) return; | ||
| + | |||
| + | var flags = | ||
| + | '<div id="gt_flags" style="position:fixed;top:40px;right:20px;background:#fff;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\');return false;"><img src="https://flagcdn.com/24x18/ua.png"></a> '+ | ||
| + | '<a href="#" onclick="setLang(\'en\');return false;"><img src="https://flagcdn.com/24x18/gb.png"></a> '+ | ||
| + | '<a href="#" onclick="setLang(\'de\');return false;"><img src="https://flagcdn.com/24x18/de.png"></a> '+ | ||
| + | '<a href="#" onclick="setLang(\'fr\');return false;"><img src="https://flagcdn.com/24x18/fr.png"></a> '+ | ||
| + | '<a href="#" onclick="setLang(\'es\');return false;"><img src="https://flagcdn.com/24x18/es.png"></a> '+ | ||
| + | '<a href="#" onclick="setLang(\'pl\');return false;"><img src="https://flagcdn.com/24x18/pl.png"></a>'+ | ||
| + | '</div>'; | ||
| + | |||
| + | document.body.insertAdjacentHTML('afterbegin',flags); | ||
| + | |||
| + | } | ||
| + | |||
| + | function setLang(lang){ | ||
| + | |||
| + | document.cookie="googtrans=/uk/"+lang; | ||
| + | document.cookie="googtrans=/uk/"+lang+";path=/"; | ||
| + | |||
| + | location.reload(); | ||
| + | |||
| + | } | ||
| + | |||
| + | function googleTranslateElementInit(){ | ||
| + | |||
| + | new google.translate.TranslateElement( | ||
| + | { | ||
| + | pageLanguage:'uk', | ||
| + | autoDisplay:false | ||
| + | }, | ||
| + | 'google_translate_element' | ||
| + | ); | ||
| + | |||
| + | } | ||
| + | |||
| + | $(document).ready(function(){ | ||
| + | |||
| + | $('body').append('<div id="google_translate_element" style="display:none"></div>'); | ||
| + | |||
| + | addTranslateFlags(); | ||
| + | |||
| + | var gt=document.createElement('script'); | ||
| + | gt.src='https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; | ||
| + | document.head.appendChild(gt); | ||
| + | |||
| + | }); | ||
| + | |||
| + | /* hide google banner */ | ||
| + | |||
| + | setInterval(function(){ | ||
| + | |||
| + | var banner=document.querySelector('.goog-te-banner-frame'); | ||
| + | |||
| + | if(banner){ | ||
| + | banner.style.display='none'; | ||
| + | } | ||
| + | |||
| + | document.body.style.top='0px'; | ||
| + | |||
| + | },500); | ||
Поточна версія на 21:39, 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();
});
}
/* ===== GOOGLE TRANSLATE FLAGS ===== */
function addTranslateFlags(){
if(document.getElementById('gt_flags')) return;
var flags =
'<div id="gt_flags" style="position:fixed;top:40px;right:20px;background:#fff;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\');return false;"><img src="https://flagcdn.com/24x18/ua.png"></a> '+
'<a href="#" onclick="setLang(\'en\');return false;"><img src="https://flagcdn.com/24x18/gb.png"></a> '+
'<a href="#" onclick="setLang(\'de\');return false;"><img src="https://flagcdn.com/24x18/de.png"></a> '+
'<a href="#" onclick="setLang(\'fr\');return false;"><img src="https://flagcdn.com/24x18/fr.png"></a> '+
'<a href="#" onclick="setLang(\'es\');return false;"><img src="https://flagcdn.com/24x18/es.png"></a> '+
'<a href="#" onclick="setLang(\'pl\');return false;"><img src="https://flagcdn.com/24x18/pl.png"></a>'+
'</div>';
document.body.insertAdjacentHTML('afterbegin',flags);
}
function setLang(lang){
document.cookie="googtrans=/uk/"+lang;
document.cookie="googtrans=/uk/"+lang+";path=/";
location.reload();
}
function googleTranslateElementInit(){
new google.translate.TranslateElement(
{
pageLanguage:'uk',
autoDisplay:false
},
'google_translate_element'
);
}
$(document).ready(function(){
$('body').append('<div id="google_translate_element" style="display:none"></div>');
addTranslateFlags();
var gt=document.createElement('script');
gt.src='https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
document.head.appendChild(gt);
});
/* hide google banner */
setInterval(function(){
var banner=document.querySelector('.goog-te-banner-frame');
if(banner){
banner.style.display='none';
}
document.body.style.top='0px';
},500);
