cssedit, gkautomate
7,064
edits
- Welcome to the Kancolle Wiki!
- If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord
Changes
Jump to navigation
Jump to search
Line 238:
Line 238: − − // From gbf.wiki − // Add a dynamic fixed header to tables with: − // 1) table with "header-fixed" class − // 2) a table row with "header-row" class − // TODO: tablesorter, tabbertab, resize − // mw.loader.using('jquery.tablesorter', function() { − var tables = []; − − function initializeStickyHeader() { − var $tables = $('.header-fixed'); − − if ($tables.length == 0) return; − − $tables.each(function(n) { − if ($(this).hasClass('header-fixed-done')) return; − if ($(this).hasClass('mw-collapsed')) { − console.debug('header-fixed: collapsed: ' + n) − $(this).find('.mw-collapsible-text').click(function() { − console.debug('header-fixed: click: ' + n) − setTimeout(function() { initializeStickyHeader(); }, 1000); − }) − return; − } − /* − var tabberTabParent = $(this).parent(".tabbertab")[0]; − var originalStyleDisplay; − if (tabberTabParent) { − originalStyleDisplay = tabberTabParent.style.display; − tabberTabParent.style.visibility = "hidden"; − tabberTabParent.style.display = "block"; − } − */ − var $headerRow = $(this).find('.header-row'); − var $newHeaderContent = $('<tbody>'); − $newHeaderContent.append($headerRow.clone()); − − var $columnsOld = $headerRow.find('td:not([colspan]),th:not([colspan])'); − var $newHeaderColgroup = $('<colgroup>'); − for (var i = 0; i < $columnsOld.length; i++) { − $newHeaderColgroup.append($('<col>').css('width', $columnsOld[i].getBoundingClientRect().width)); − } − − $(this).before( − $('<table>') − .addClass('header-fixed-helper') − .addClass('wikitable') − .css('position', 'sticky') − .css('top', '0') − .css('z-index', '9') − .css('display', 'none') − .css('background-color', '#fff') − .css('margin-top', '0') − .css('margin-bottom', '0') − .css('table-layout', 'fixed') − .append($newHeaderColgroup) − .append($newHeaderContent) − ); − tables.push({ table: this, helper: this.previousSibling }); − $(this.previousSibling).css('width', $(this).width() + 1); − /* − if (tabberTabParent) { − tabberTabParent.style.visibility = ""; − tabberTabParent.style.display = originalStyleDisplay; − } − */ − $(this).addClass('header-fixed-done'); − console.debug('header-fixed: fixed: ' + n) − }); − } − − $(window).on('scroll', function() { − var scrollOffset = $(this).scrollTop(); − for (var i = 0; i < tables.length; i++) { − var tableOffset = $(tables[i].table).offset().top; − var tableHeight = $(tables[i].table).height(); − var helperHeight = $(tables[i].helper).height(); − if ((scrollOffset > tableOffset) && (scrollOffset < (tableOffset + tableHeight - helperHeight))) { − if ($(tables[i].helper).is(':hidden')) { − $(tables[i].helper).show(); − } − } else { − $(tables[i].helper).hide(); − } − } − }); − − /* − var ts = $.fn.tablesorter; − $.fn.tablesorter = function() { − ts.apply(this, arguments); − initializeStickyHeader(); − } − */ − setTimeout(function() { initializeStickyHeader(); }, 1000); − //})
header-fixed -> fixed-header (css only)
supportTemplateMapImageNode();
supportTemplateMapImageNode();
mw.hook('wikipage.content').add(supportTemplateMapImageNode);
mw.hook('wikipage.content').add(supportTemplateMapImageNode);
// Basic video support using <img> and <video> elements
// Basic video support using <img> and <video> elements