SUBARU | Forester | Přehled (2024)

'; div.innerHTML = html; this.nav.parentNode.insertBefore(div, this.nav); this.btn = document.getElementsByClassName('js_add-hmenu-btn')[0]; this.inner = document.getElementsByClassName('c_add-hmenu-inner')[0]; // Add Event this.btn.onclick = function(e) { e.preventDefault(); that.btn.classList.toggle("is_open"); that.inner.classList.toggle("is_open"); that.hMenuWrap.classList.remove("hide"); that.header.classList.remove("is_show"); /*var winWidth = window.innerWidth, posLeft = GetOffset(that.btn).left; that.inner.style.width = winWidth - posLeft + "px";*/ } for (var i = 0; i < this.menu.length; i++) { this.menu[i].addEventListener("mouseover", function() { that.btn.classList.remove("is_open"); that.inner.classList.remove("is_open"); that.hMenuWrap.classList.remove("hide"); }) } this.MatchMedia(this.media); this.media.addListener(this.MatchMedia.bind(this));}hMenu.prototype.MatchMedia = function(e) { if(e.matches) { // tb this.btn.classList.remove("is_open"); this.inner.classList.remove("is_open"); this.hMenuWrap.classList.remove("hide"); } else { //pc }}hMenu.prototype.CreathMenu = function() { var fragment = document.createDocumentFragment(); for (var i = 0; i < this.list.length; i++) { var li = document.createElement("li"), div = document.createElement("div"), a = document.createElement("a"), target = this.list[i].querySelectorAll("a")[0]; a.innerHTML = target.innerHTML; if( target.classList.contains("js_closeListLv1") ) { a.classList.add("js_closeListLv1"); a.href = target.href; li.appendChild(a); } else { let dataList = target.getAttribute("data-list"), detail = document.getElementById(dataList.split("#")[1]); if (!detail) { continue; } detail = detail.innerHTML; a.setAttribute("data-list",dataList); a.classList.add("c_accordion_btn"); a.onclick = this.ClickMenu.bind(this); div.classList.add("c_accordion_detail"); div.innerHTML = "

" + detail + "

"; li.classList.add("c_accordion"); li.appendChild(a); li.appendChild(div); } fragment.appendChild(li); } this.hMenuWrap.appendChild(fragment); this.inner.appendChild(this.hMenuWrap);}hMenu.prototype.ClickMenu = function(e) { e.preventDefault(); let cAccordionBtn = e.currentTarget, cAccordion = e.currentTarget.parentNode; cAccordion.classList.toggle("is_open");}/*** 画面右固定ナビゲーション*/function FixedNav() { this.fixedNav = document.getElementsByClassName('js_fixedNav')[0]; this.media = window.matchMedia("(max-width: 768px)"); this.isSp = false; if(!this.fixedNav || !this.fixedNav.classList) return true; this.Init();}FixedNav.prototype.Init = function() { this.MatchMedia(this.media); this.media.addListener(this.MatchMedia.bind(this)); this.ScrollEv(); window.addEventListener("scroll",this.ScrollEv.bind(this)) window.addEventListener("resize",this.ScrollEv.bind(this))}FixedNav.prototype.MatchMedia = function(e) { this.isSp = e.matches;}FixedNav.prototype.ScrollEv = function(e) { var scrollVall = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop; var doch = document.body.clientHeight; var winh = window.innerHeight; var bottom = doch - winh; if( scrollVall < 100 ) { !this.isSp ? this.fixedNav.classList.add("is_hide") : this.fixedNav.classList.remove("is_hide") ; } else if( bottom - 100 < scrollVall ) { this.fixedNav.classList.add("is_hide"); } else { this.fixedNav.classList.remove("is_hide"); }}/*** Get Element Offset*/function GetOffset( element ) { var BOX = element.getBoundingClientRect(); return { top: BOX.top + window.pageYOffset - document.documentElement.clientTop, left: BOX.left + window.pageXOffset - document.documentElement.clientLeft }}Init();