MediaWiki:Hydra.js
Jump to navigation
Jump to search
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* Any JavaScript here will be loaded for users using the 2 column main page layout */
/*****************************************
/* Front Page column height equalization *
/*****************************************/
// Author: Shawn Bruckner
// Date: 2015-Feb-12
// License: CC-BY 3.0
// Version: beta
var fp = fp || {
equalizeColumns : function() {
$( '.fpcontent' ).each( function () {
fp.resetSectionBoxHeights( $( this ).find( '#fptopsection, #fpflexsection, #fpbottomsection' ) );
} );
var excludeSel = '';
if ( $( window ).width() > 1539 ) {
excludeSel = '.fpmaybercol'; // at this width, it's necessary to hit those boxes in a separate pass after .fpcontent
}
if ( $( window ).width() > 889 ) {
fp.equalizeColumnsOfBlock( '.fpcontent',
'#fptopsection, #fpbottomsection',
'#fpbottomsection',
'#fpflexsection',
'#fpflexsection',
excludeSel
);
}
if ( $( window ).width() > 1539 ) {
fp.equalizeColumnsOfBlock( '.fpmaybecols',
'.fpmaybelcol',
'.fpmaybelcol',
'.fpmaybercol',
'.fpmaybercol',
''
);
}
},
equalizeColumnsOfBlock : function( blockSel, leftSel, leftBottomSel, rightSel, rightBottomSel, excludeSel ) {
$( blockSel ).each( function ( index ) {
var tryCount = 0;
do {
var leftBottom = $( this ).find( leftBottomSel ).offset().top + $( this ).find( leftBottomSel ).height();
var rightBottom = $( this ).find( rightBottomSel ).offset().top + $( this ).find( rightBottomSel ).height();
var difference = Math.round( Math.abs( rightBottom - leftBottom ) );
if ( leftBottom < rightBottom ) {
fp.adjustSectionBoxHeights( difference, $( this ).find( leftSel ).not( excludeSel ) );
} else if ( rightBottom < leftBottom ) {
fp.adjustSectionBoxHeights( difference, $( this ).find( rightSel ).not( excludeSel ) );
}
++tryCount;
} while ( Math.round( leftBottom ) != Math.round( rightBottom ) && tryCount < 4 );
} );
},
resetSectionBoxHeights : function ( sections ) {
sections.each( function () {
$( this ).find( '.fpbox' ).each( function () {
$( this ).height( 'auto' );
} );
} );
},
adjustSectionBoxHeights : function ( heightToAdd, sections ) {
var boxCount = 0;
sections.each( function() {
boxCount += $( this ).find( '.fpbox' ).length;
} );
var avgHeightToAdd = heightToAdd / boxCount;
var decimalPortion = 0.0;
var boxes, heightToAdd;
sections.each( function() {
boxes = $( this ).find( '.fpbox' );
boxes.each( function() {
heightToAdd = Math.round( decimalPortion + avgHeightToAdd ); /* should iron out rounding error */
decimalPortion += avgHeightToAdd - heightToAdd;
$( this ).height( $( this ).height() + heightToAdd );
} );
} );
}
};
$( document ).ready( fp.equalizeColumns );
$( window ).resize( fp.equalizeColumns );
/*********************************************
/* End Front Page column height equalization *
/*********************************************/