https://omsystem.com/assets/js/header_brand_en.js

1/* 2026 ブランドサイト用ヘッダーフッタJS（英語）*/
2
3let getHeaderHtml = '';
4
5const footerHtml =  `<style>
6div#cookieList div#cookieListClose  {
7   background-image:url("/assets/images/onetrust/cookielist_close.svg") !important; 
8}
9</style>
10<footer class="pane-footer forcms_block">
11<div id="footer_pagetop" class="block-page-top"><a href="#header"></a></div>
12<div class="copyright">
13	<ul class="navUtility">
14		<li><a href="https://www.om-digitalsolutions.com/en/common/terms_of_use_en.html">Terms of use</a></li>
15		<li><a href="https://www.om-digitalsolutions.com/en/privacy_management/privacy_notice_en.html">Privacy Notice</a></li>
16		<li><a href="/cookies/" rel="noopener noreferrer">Cookies</a></li>
17<!--		<li><a href="/assets/pdf/Cookie.pdf" target="_blank">Cookies</a></li> -->
18		<li><a href="https://explore.omsystem.com/">Contact</a></li>
19	</ul>
20	<div class="cm-width-conteiner is-center">
21		<a href="https://www.om-digitalsolutions.com/en/"><img src="https://jp.omsystem.com/cms/img/usr/common/ico-omdigital-img.jpg" alt="OM Digital Solutions"></a>
22		<small>&copy; OM Digital Solutions Corporation</small>
23	</div>
24</div>
25</footer>`;
26
27
28window.addEventListener('DOMContentLoaded', () => {
29	//let headerElm = document.querySelector('.header');
30	let headerElm = document.querySelector('.brand-header');
31	let footerElm = document.querySelector('footer') || document.querySelector('.footer');
32
33	let newHeader = document.createElement('header');
34	newHeader.id = 'add-header';
35
36	headerElm.append(newHeader);
37	footerElm.outerHTML = footerHtml;
38
39	fetch('/assets/inc/header_en.html')
40		.then(res => res.text())
41		.then(html => {
42			newHeader.innerHTML = html;
43
44			let createHeaderElem = document.querySelector('#add-header');
45			createHeaderElem.classList.add('is-fixed');
46
47			document.dispatchEvent(new CustomEvent('brand-header:loaded'));
48		});
49});
50
51
52
53//--- トップページへ戻る：スムーススクロール
54jQuery(document).on('click','a[href="#header"]',function () {
55    var speed = 500;
56    jQuery('body,html').animate({ scrollTop: 0 }, speed, 'swing');
57    return false;
58});
59
60jQuery(window).scroll((e)=>{
61    // トップへ戻る
62    const scrollHeight = jQuery(document).height();
63    const scrollPosition = jQuery(window).height() + jQuery(window).scrollTop();
64    const footHeight = jQuery('footer').height();
65
66    if (jQuery(this).scrollTop() > 120) {
67        jQuery('#footer_pagetop').show();
68    } else if (jQuery(this).scrollTop() < 80) {
69        jQuery('#footer_pagetop').hide();
70    }
71
72    if (scrollHeight - scrollPosition <= footHeight) {
73        jQuery('#footer_pagetop').css({ 'opacity': '0.2' });
74    } else {
75        jQuery('#footer_pagetop').css({ 'opacity': '1' });
76    }
77});