User:Sur/common.js
< User:Sur
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.
document.addEventListener('DOMContentLoaded', function() {
const infoboxes = document.querySelectorAll('.stat-infobox');
infoboxes.forEach(function(infobox) {
const hoverBox = infobox.querySelector('.stat-infobox-hover');
const table = hoverBox.querySelector('.stat-infobox-table');
// On hover, adjust the height of the stat-infobox to match the hover box
infobox.addEventListener('mouseenter', function() {
const hoverHeight = hoverBox.offsetHeight;
infobox.style.height = hoverHeight + 'px';
});
// Reset height when hover ends
infobox.addEventListener('mouseleave', function() {
infobox.style.height = 'auto';
});
});
});