MediaWiki:Gadget-RainbowHeaders.js
From Elwiki
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.
$('tr.rainbow').each(function(e){
if(!($(this).css('position') in ['relative', 'absolute'])){
$(this).css('position', 'relative');
}
var trWidth = $(this).width();
$(this).children('th').each(function(e){
var startH = Math.floor($(this).offset().left / trWidth * 360);
var endH = Math.floor(($(this).offset().left + $(this).width()) / trWidth * 360);
startH = Math.max(0, startH);
endH = Math.min(359, endH);
$(this).css('background-image', 'linear-gradient(to right, hsl(' + startH + ', 50%, 50%), hsl(' + endH + ', 50%, 50%))');
});
});