document.addEventListener('DOMContentLoaded', function() { /* HZ 対応表: 行・列ホバーハイライト v3 (カスタム行=チップ行+横断帯 / 左ラベル高さ同期) */ (function () { var q = function (id) { return document.querySelector('.elementor-element-' + id); }; var labels = ['136790b', '2ae2a4a', 'd6a6e93', '5c487c1', '817cace', '1b59164'].map(q); var rows = ['9c3e370', '9ec91ca', 'bf09986', 'a7f14bb', 'cbbd286', '07a0a9c'].map(q); var header = q('47aeddb'); var customBar = q('0dcb0a4'); /* カスタム行の全工程横断帯 */ var customRow = q('19be3ef'); if (!header || rows.some(function (r) { return !r; })) return; /* カスタム行(2段)の高さに左の製品ラベルを同期 */ function syncHeights() { var lbl = labels[5]; if (lbl && customRow) { lbl.style.height = 'auto'; lbl.style.minHeight = Math.round(customRow.getBoundingClientRect().height) + 'px'; } } syncHeights(); window.addEventListener('resize', syncHeights); window.addEventListener('load', syncHeights); var headerCells = Array.prototype.slice.call(header.children); function clear() { document.querySelectorAll('.hz-hi-cell, .hz-hi-label').forEach(function (el) { el.classList.remove('hz-hi-cell', 'hz-hi-label'); }); } function hiRow(i) { if (labels[i]) labels[i].classList.add('hz-hi-label'); if (rows[i]) Array.prototype.forEach.call(rows[i].children, function (c) { c.classList.add('hz-hi-cell'); }); if (i === 5 && customBar) customBar.classList.add('hz-hi-cell'); } function hiCol(j) { if (headerCells[j]) headerCells[j].classList.add('hz-hi-label'); rows.forEach(function (r) { if (r && r.children.length > j && r.children.length > 1) r.children[j].classList.add('hz-hi-cell'); }); } rows.forEach(function (r, i) { var cells = Array.prototype.slice.call(r.children); var fullRow = cells.length <= 1; /* 全工程を横断の帯 */ cells.forEach(function (c, j) { c.addEventListener('mouseenter', function () { clear(); hiRow(i); if (!fullRow) hiCol(j); }); }); r.addEventListener('mouseleave', clear); }); if (customBar) { customBar.addEventListener('mouseenter', function () { clear(); hiRow(5); }); customBar.addEventListener('mouseleave', clear); } labels.forEach(function (l, i) { if (!l) return; l.addEventListener('mouseenter', function () { clear(); hiRow(i); }); l.addEventListener('mouseleave', clear); }); headerCells.forEach(function (h, j) { h.addEventListener('mouseenter', function () { clear(); hiCol(j); }); h.addEventListener('mouseleave', clear); }); })(); });