MediaWiki:Common.js
From Melvor Idle
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
/* Sets the top property for stickyHeader tables */
function setStickyHeaderTop() {
const stickyTables = document.getElementsByClassName('stickyHeader');
const headHeight = document.getElementById('mw-header-container').offsetHeight;
for (var i = 0; i < stickyTables.length; i++) {
const firstRow = stickyTables[i].getElementsByClassName('headerRow-0');
const secondRow = stickyTables[i].getElementsByClassName('headerRow-1');
var firstHeight = 0;
if (firstRow.length > 0) {
firstHeight = firstRow[0].offsetHeight;
const firstHeaders = firstRow[0].getElementsByTagName('th');
for (var j = 0; j < firstHeaders.length; j++) {
firstHeaders[j].style.top = headHeight + 'px';
}
if (secondRow.length > 0) {
const secondHeaders = secondRow[0].getElementsByTagName('th');
var secondHeight = headHeight + firstHeight;
for (var j = 0; j < secondHeaders.length; j++) {
secondHeaders[j].style.top = secondHeight + 'px';
}
}
}
}
}
$(document).ready(function () {
if (document.getElementsByClassName('stickyHeader').length > 0) {
setStickyHeaderTop();
$(window).resize(setStickyHeaderTop);
}
//Testing out adding input boxes
if ($('#js-test').length > 0) {
var newTable = document.createElement('table');
var newRow = document.createElement('tr');
var newCell = document.createElement('td');
var newInput = document.createElement('input');
newInput.setAttribute('type', 'number');
newInput.setAttribute('id', 'txtInput1');
newCell.append(newInput);
newRow.append(newCell);
newCell = document.createElement('td');
newInput = document.createElement('button');
newInput.textContent = "Click Here!";
newInput.setAttribute('id', 'btnTest');
newInput.addEventListener('click', (function(){
console.log('clicked');
$('#btnTest').text($('#txtInput1')[0].value);
}));
newCell.append(newInput);
newRow.append(newCell);
newTable.append(newRow);
$('#js-test').append(newTable)
}
}
);
