ZIM - Investor Relations (2024)

' ), submitText: 'Sign Up' } }, scollingTable: function(selector){ $(selector).not(selector+' table').wrap(''); }, meetingFancy: function($selector, trigger){ var meetingCookie = sessionStorage.getItem('requestMeeting'); if (meetingCookie != 'closed') { $selector.removeClass('js--hidden'); } $selector.on('click', '.button--cookie', function () { $selector.addClass('js--hidden'); sessionStorage.setItem("requestMeeting", 'closed'); }); $selector.on('click', trigger, function(e){ e.preventDefault(); $.fancybox.open({ type: 'iframe', src: '/request-meeting-iframe/default.aspx', opts: { margin: [10, 0], slideClass: 'fancybox-slide--form', parentEl: '#litPageDiv > form', baseTpl: '', btnTpl: { smallBtn: '', }, iframe: { tpl: '', }, } }); }); window.addEventListener('message', function (event) { if (event.data == 'close-fancybox') { $.fancybox.close(); // put focus back on trigger $('.pane--footer2 .module-cta .button--meeting').focus(); } }, false); }, stickyNavBar: function() { var inst = this, $window = $(window), $layout = $('.layout'), $header = $('.pane--header'), $nav = $('.nav--secondary'), $navContainer = $('.pane--breadcrumb'), navContainerPos = function(){ return $navContainer.position().top; }; $window.on('scroll',function(){ if ( $window.scrollTop() > 0 ) { $layout.addClass('js--header-small'); } else { $layout.removeClass('js--header-small'); } if ($window.width() > 1024) { $navContainer.css('min-height', $nav.outerHeight()); if ( $window.scrollTop() + $header.outerHeight() >= navContainerPos() ) { $layout.addClass('js--sticky'); $nav.css('top', $header.outerHeight()); } else { $layout.removeClass('js--sticky'); $nav.removeAttr('style'); } } else { $layout.removeClass('js--sticky'); $nav.removeAttr('style'); $navContainer.removeAttr('style'); } }); $window.on('resize', function(){ if ($window.width() > 1024) { $layout.removeClass('js--sticky'); $navContainer.removeAttr('style').css('min-height', $nav.outerHeight()); $nav.removeAttr('style'); } else { $layout.removeClass('js--sticky'); $nav.removeAttr('style'); $navContainer.removeAttr('style'); } $window.trigger('scroll'); }).resize(); }, navAccessibility: function() { $('nav .selected > a').attr('aria-current','page'); $('.nav--desktop').attr('aria-label','primary'); $('.nav--secondary').attr('aria-label','secondary'); $('.nav--mobile').attr('aria-label','mobile'); $('.nav--secondary .level1, .nav--secondary .level2').attr('role','presentation'); $('.nav--sitemap').attr('aria-label', 'site map'); }, iconFix: function(){ $('.q4icons .module_link').each(function(){ if (!$(this).children('.q4icons_icon').length) { $(this).prepend(''); } }); }, focusTooltip: function( focusElement , tooltipId, tooltipText) { var tooltipElement = ''+ tooltipText +''; $(focusElement).attr('aria-describedby', tooltipId).after(tooltipElement); $(focusElement).focusin(function(){ var $this = $(this), leftPosition = 0, dataPosition = 'right'; if ( $(window).width() > $this[0].offsetLeft + $this[0].offsetWidth + 200 ) { leftPosition = $this[0].offsetLeft + $this[0].offsetWidth; } else { dataPosition = 'left'; leftPosition = $this[0].offsetLeft; } $('#' + tooltipId).attr({ 'aria-hidden': 'false', 'data-position': dataPosition }).css({ top: $this.position().top + $this.outerHeight()/2, left: leftPosition }); }); $(focusElement).focusout(function(){ $('#' + tooltipId).attr('aria-hidden','true').removeAttr('style'); }); }, customLabels: function() { $('.module-subscribe--footer .module-subscribe_email label').text('Enter your email address'); $('.module-subscribe--footer .module-subscribe_email .module_input').removeAttr('placeholder'); const alertsFooter = document.querySelector('.module-subscribe--footer'); const hasConfirmationAlerts = document.querySelector('.module_confirmation-container'); if (!alertsFooter && hasConfirmationAlerts) { hasConfirmationAlerts.style.display = 'inline-block'; } }, init: function() { var app = this; app.cleanUp(); app.submitOnEnter('.module-unsubscribe'); app.submitOnEnter('.module-search'); app.validateSubmit('.module-search'); app.superfish($('.nav--desktop .level2, .nav--secondary .level2, .nav--mobile .level2'), {cssArrows: false}); app.mobileMenuToggle($('.layout'), '.pane--navigation', '.layout_toggle-button', '.module-search_input'); app.cleanQuickLinks($('.module-links')); app.copyright($('.copyright_year')); app.docTracking(); app.fancySignup(); app.resetDate(['.nav a[href*="s4.q4web.com"]:not([href$=".pdf"])']); app.previewToolbar(); app.reveal('.pane--header', '.module-search_toggle','.module-search input[type="text"]', false); app.stickyNavBar(); app.meetingFancy($('.module-cta'),'.button--meeting'); app.sections(); app.navAccessibility(); app.iconFix(); // app.accessibleNavKeyboard( '.nav--main', '2', '.nav--mobile' ); app.focusTooltip('.module-search > .module_container--outer > .module-search_toggle ','search-tip','search'); app.addPageLanguage(); app.customLabels(); }});q4App.init();/** * Insert label before targets * @param {string} target - element which needs a label * @param {string} labelText - text to be shown in the label */function insertLabel(target, labelText) { $(target).each(function (i) { var id = $(this).attr('id'); var label = $(this).attr('aria-label') || labelText; if (!id) { id = Date.now().toString(36) + Math.random().toString(36).substring(2); $(this).attr('id', id); } $('' + label + '').insertBefore(this); });} // stopping q4login iframe from being read by screen readers $('#q4l-iframe').attr({ tabindex: -1, 'aria-hidden': true }); // trap focus in nav dropdowns function navTrapFocus(element) { var focusableEls = element.find('> li > a[href]:not([disabled]), > li > button:not([disabled])'); var firstFocusableEl = focusableEls[0]; var lastFocusableEl = focusableEls[focusableEls.length - 1]; var KEYCODE_TAB = 9; element.keydown(function(e) { var isTabPressed = (e.key === 'Tab' || e.keyCode === KEYCODE_TAB); if (!isTabPressed) { return; } if ( e.shiftKey ) /* shift + tab */ { if (document.activeElement === firstFocusableEl) { lastFocusableEl.focus(); e.preventDefault(); } } else /* tab */ { if (document.activeElement === lastFocusableEl) { firstFocusableEl.focus(); e.preventDefault(); } } }); } $('.has-innerMenu button').keydown(function(e) { if(e.code === 'Enter' || e.code === 'Space' || e.code === 'NumpadEnter') { navTrapFocus($(this).next()); } }); $(document).ready(function() { $('#g-recaptcha-response').attr('aria-label', 'recaptcha response text field'); }); // Search location $(".nav--secondary .level1").append( $(".module-search.module_search") ) // Header bread let containerNav = document.querySelector(".navbar-versioned");let pageRouter = document.querySelector(".module_page-router");containerNav.appendChild(pageRouter); $('.nav--secondary a:contains("ESG")').attr('aria-label', 'Sustainability'); // Input label color change allInputs = document.querySelectorAll("input");allInputs.forEach(input => { input.onfocus = () => { let inputAttrId = input.getAttribute("id"); let inputLabel = document.querySelector(`[for='${inputAttrId}']`) if(inputAttrId && inputLabel){ inputLabel.classList.add("input-focused") } } input.onblur = () => { let inputLabel = document.querySelector("label.input-focused") if (inputLabel) { inputLabel.classList.remove("input-focused") } }})// Subscribe contact us text let subscribeTable = document.querySelector(".pane--footer .module-subscribe_table-wrap, .pane--right .module-subscribe_table-wrap"); let subscribeTableText = document.createElement("p"); subscribeTableText.classList.add("subscribe-table-text") subscribeTableText.textContent = "By providing your email address below, you are providing consent to ZIM Integrated Shipping Services Ltd to send you the requested Investor Email Alert updates." subscribeTable.appendChild(subscribeTableText) // Search button toggle $(".module-search_toggle").on("click", function() { if ($(".module-search_input").hasClass("js--revealed")) { $(".module-search_input").removeClass("js--revealed"); } else { $(".module-search_input").addClass("js--revealed"); } }); $(".module-search_toggle").hover(function() { $(".tooltip[aria-hidden=true]").attr("aria-hidden", "false"); }, function() { $(".tooltip[aria-hidden=false]").attr("aria-hidden", "true");});