diff --git a/styles/subsilver2/template/portal/modules/portal_clock.js b/styles/subsilver2/template/portal/modules/portal_clock.js index a5279c65..d4407e4e 100644 --- a/styles/subsilver2/template/portal/modules/portal_clock.js +++ b/styles/subsilver2/template/portal/modules/portal_clock.js @@ -20,9 +20,16 @@ phpbb.b3pFlipClock = function(identifierUp, identifierDown, val, type) { var backIdUp = identifierUp.replace('-front-', '-back-'); var backIdDown = identifierDown.replace('-front-', '-back-'); var backPosition = $(backIdUp).css('background-position'); - var backPositionLength = backPosition.length; + var backPositionLength; var backY; + // Workaround for Internet Explorer bug + if (backPosition === undefined) { + backPosition = $(backIdUp).css('background-position-x') + ' ' + $(backIdUp).css('background-position-y'); + } + + backPositionLength = backPosition.length; + if (backPosition.substring(backPositionLength - 3, backPositionLength - 2) === '0') { backY = '0px'; } else { @@ -59,6 +66,12 @@ phpbb.b3pFlipClock = function(identifierUp, identifierDown, val, type) { // now get the vertical offset of the bottom digit backPosition = $(identifierDown).css('background-position'); + + // Workaround for Internet Explorer bug + if (backPosition === undefined) { + backPosition = $(identifierDown).css('background-position-x') + ' ' + $(identifierDown).css('background-position-y'); + } + backPositionLength = backPosition.length; if (backPosition.substring(backPositionLength - 3, backPositionLength - 2) === '0') { @@ -86,6 +99,7 @@ phpbb.b3pFlipClock = function(identifierUp, identifierDown, val, type) { return; } + // Animate the top number flipping $(identifierUp).animate({ height: '0px', 'margin-top': '21px' @@ -94,13 +108,20 @@ phpbb.b3pFlipClock = function(identifierUp, identifierDown, val, type) { 'duration': 150, defaultEasing: 'easeInOutSine', 'complete': function(){ + // Now animate the bottom number flipping $(identifierDown).animate( {height: '20px'}, { 'duration': 150, defaultEasing: 'easeInOutSine', 'complete': function(){ - $(backIdDown).css('background-position', $(identifierDown).css('background-position')); + // For compatibility with IE8 + if ($(identifierDown).css('background-position') !== undefined) { + $(backIdDown).css('background-position', $(identifierDown).css('background-position')); + } else { + $(backIdDown).css('background-position-x', $(identifierDown).css('background-position-x')); + $(backIdDown).css('background-position-y', $(identifierDown).css('background-position-y')); + } $(identifierDown).css({ 'visibility': 'hidden', 'display': 'inline-block'