MediaWiki:Common.js
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
/* Google Translate Widget */
$(document).ready(function() {
// Add translate section to sidebar
var translateHtml = '<div id="google-translate-sidebar" style="padding: 8px 0;">' +
'<div id="google_translate_element"></div>' +
'</div>';
$('.mw-portlet-lang, #p-lang').last().after(translateHtml);
// Load Google Translate script
var script = document.createElement('script');
script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
document.body.appendChild(script);
});
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false
}, 'google_translate_element');
}
/* Force main menu to be pinned on desktop */
$(document).ready(function() {
// Force pin the main menu
var pinnedContainer = document.getElementById('vector-main-menu-pinned-container');
var unpinnedContainer = document.getElementById('vector-main-menu-unpinned-container');
var mainMenu = document.getElementById('vector-main-menu');
if (window.innerWidth >= 1024) {
if (unpinnedContainer && mainMenu) {
// Move menu to pinned container if not already there
if (pinnedContainer && !pinnedContainer.contains(mainMenu)) {
pinnedContainer.appendChild(mainMenu);
}
}
// Click the pin button if it exists
var pinButton = document.querySelector('.vector-pinnable-header-pin-button');
if (pinButton) {
pinButton.click();
}
}
/* Google Translate Widget */
var translateHtml = '<div class="mw-portlet" id="p-translate">' +
'<div class="mw-portlet-header">Translate</div>' +
'<div class="mw-portlet-body">' +
'<div id="google_translate_element"></div>' +
'</div></div>';
var sidebar = document.querySelector('.mw-portlet-navigation, #p-navigation');
if (sidebar) {
sidebar.insertAdjacentHTML('afterend', translateHtml);
}
// Load Google Translate
var script = document.createElement('script');
script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
document.body.appendChild(script);
});
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false
}, 'google_translate_element');
}