https://documentagi.ai/assets/js/load-header-n-footer.js

1// ヘッダー部とフッター部をページに埋め込むメソッド (その後リスナーたちを呼ぶ)
2async function loadHeaderAndFooter() {
3    const headerContainer = document.getElementById('js-header');
4    const footerContainer = document.getElementById('footer-container');
5
6    // /en/ 配下のページかどうかでヘッダー/フッターのパスを切り替える
7    const isEn = window.location.pathname.startsWith('/en/');
8    var headerFile = isEn ? '/en/common/header.html' : '/common/header.html';
9    var footerFile = isEn ? '/en/common/footer.html' : '/common/footer.html';
10
11    await fetch(headerFile)
12        .then(response => response.text())
13        .then(data => {
14            headerContainer.innerHTML = data;
15        })
16        .catch(error => {
17            console.log('Error loading the header');
18        });
19
20    await fetch(footerFile)
21        .then(response => response.text())
22        .then(data => {
23            footerContainer.innerHTML = data;
24        })
25        .catch(error => {
26            console.log('Error loading the footer');
27        });
28
29    // index.min.jsのコードを読んで、リスナーたちを宣言する
30    bindEvents();
31
32    // ヘッダーのAGIシリーズをホバーする
33    hoverHeaderAGISeries();
34
35    // Cookie同意スクリプトを読み込む
36    if (!document.getElementById('documentagi-cookie-consent-script')) {
37        var cs = document.createElement('script');
38        cs.id = 'documentagi-cookie-consent-script';
39        cs.src = '/assets/js/cookie-consent.js';
40        document.body.appendChild(cs);
41    }
42}
43
44// ヘッダーのAGIシリーズを画面初期表示の時にデフォルトでホバー状態にする
45// ※一度ホバーしたら非表示にする
46function hoverHeaderAGISeries() {
47    const agiSeries = document.querySelector('.d-header__navItem--wSub.agiSeries');
48    if (!agiSeries) return;
49    agiSeries.classList.add('is-open');
50    agiSeries.addEventListener('mouseenter', () => agiSeries.classList.remove('is-open'));
51}
52
53// ページがロードしたら埋め込む (DOMContentLoadedで発火することでload待ちを回避)
54document.addEventListener("DOMContentLoaded", loadHeaderAndFooter);