MediaWiki:Common.js: Difference between revisions
Created page with "→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.cre..." |
No edit summary |
||
| Line 10: | Line 10: | ||
// Load Google Translate script | // 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'); | var script = document.createElement('script'); | ||
script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; | script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; | ||