横浜ＤｅＮＡベイスターズ　２０２６

`; //メニュー挿入 // メインコンテンツのユニットバナー・トップメニュー・リードのfielditemを一番上に上げるスクリプト // unitNumberに上に上げるユニットの数を指定 // スクリプト末尾でDOMツリー読み込み後起動 function moveHeader(unitNumber){ //メインコンテンツのトップ要素 headerElements = document.getElementById("block-kanaloco-theme-content"); //ユニット要素の配列 fieldItems = headerElements.getElementsByClassName("field__item"); //ビューズブロック全体の親要素 parentElement = document.getElementById("main-contents"); //ビューズブロック要素 viewsElements = parentElement.getElementsByClassName("views-element-container"); //ユニット要素を指定個数分一つずつ最上位のビューズブロック要素の上に上げていく for(let i = 0; i < unitNumber; i++){ parentElement.insertBefore(fieldItems[0],viewsElements[0]); } }; //引数beforeElementを基準にmenuHTMLを入れる、上に入れる場合はposition引数にbefore、下に入れる場合はafter、最初の子要素として入れる場合はchild、2番目の子要素として入れる場合はnextChild function addMenu(beforeElement,menuHTML,position){ //メニューを挿入したい場所の一つ上の要素取得 var baseTag = document.getElementById(beforeElement); //一つ上の要素が取得できれば if(baseTag){ //新しいdiv要素作成 var divTag = document.createElement("div"); //新しいdivにメニューHTMLを挿入 divTag.innerHTML = menuHTML; // 一つ上の要素の親要素指定 var parent = baseTag.parentNode; if(position == "before"){ // 一つ上の要素の上に新しいdiv要素追加 parent.insertBefore(divTag,baseTag); } else if(position == "after"){ // 一つ上の要素の下に新しいdiv要素追加 parent.insertBefore(divTag,baseTag.nextSibling); } else if(position == "child"){ // 最初の子要素として新しいdiv要素追加 baseTag.insertBefore(divTag,baseTag.childNodes[1]); } else if(position == "nextChild"){ // 2番目の子要素として新しいdiv要素追加 baseTag.insertBefore(divTag,baseTag.childNodes[3]); } } } //全表示ページに飛ぶリンクを追加するスクリプト //linkID＝リンク元のタイトル・linkURL＝リンク先のURL・bgColor＝背景色・charColor＝文字色・chapter＝直上にチャプタを追加・chapterId＝チャプタのid・chapterLink＝チャプタへのリンク function addLink(linkID,linkURL,bgColor,charColor,chapter,chapterId,chapterLink){ //リンク元タイトルの親要素取得 var baseTag = document.getElementById(linkID); //リンク元タイトルの親要素が取得できれば if(baseTag){ //背景色設定（指定されていれば指定・指定されていなければclass名設定） if(bgColor != "") baseTag.style = "background:" + bgColor + ";"; else baseTag.classList.add("views-block"); //リンク元タイトル要素 var h2Tag = baseTag.childNodes.item(1); //リンクURLが指定されていればリンクを追加 if(linkURL != ""){ //置き換え後の新タイトル要素 var newH3Tag = document.createElement("h3"); //新タイトル要素にクラス名設定（連載・企画ページの設定からコピー） newH3Tag.className = "hdg-link03"; //新タイトル要素にスタイル設定（連載・企画ページの設定を一部改変） newH3Tag.style = "margin-top:5px; font-size:1.9rem;"; //a要素 var aTag = document.createElement("a"); //a要素にリンク追加 aTag.href = linkURL; //新しいウィンドウを開く aTag.target = "_blank"; //a要素の文字色変更（指定されていれば指定・指定されていなければclass名設定） if(charColor != "") aTag.style = "color:" + charColor + ";"; else aTag.classList.add("views-block-link"); //リンク元タイトル要素のテキスト var h2Text = h2Tag.childNodes.item(0); //a要素にテキスト挿入 aTag.appendChild(h2Text); //新タイトル要素にa要素挿入 newH3Tag.appendChild(aTag); //リンク元タイトル要素のテキストをa要素で置き換え baseTag.replaceChild(newH3Tag,h2Tag); } //チャプタの設定があれば追加 if(chapter){ //チャプタ用h1要素 var h1Tag = document.createElement("h1"); // チャプタ用h1要素にクラス設定 h1Tag.classList.add("chapter-text"); //h1の前に改行要素 var brTag = document.createElement("br"); //チャプタ文字列 var chapterText = document.createTextNode(chapter); //チャプタid var chapterId = h1Tag.setAttribute("id",chapterId); //チャプタリンクの設定がある場合 if(chapterLink){ //チャプタ用h1要素のスタイル設定 h1Tag.style = "font-size:2rem;"; //リンク要素 aTag = document.createElement("a"); //リンク要素にリンク先設定 aTag.href = chapterLink; // リンク要素にクラス名設定 aTag.classList.add("chapter-link"); //リンク要素にチャプタ文字列挿入 aTag.appendChild(chapterText); //h1要素にリンク要素挿入 h1Tag.appendChild(aTag); } else{ //h1要素にチャプタ文字列挿入 h1Tag.appendChild(chapterText); } //当該タグの前に改行要素を挿入 document.getElementById("main-contents").insertBefore(brTag,baseTag); //当該タグの前にチャプタ用h1要素を挿入 document.getElementById("main-contents").insertBefore(h1Tag,baseTag); } } } //ビューズにマージン設定 //classNameにマージン設定したいクラス名 function setMargin(className){ //当該クラス名の要素収集 var viewsDivs = document.getElementsByClassName(className); //設定したいマージン幅（片側分） var marginPx = 1.5; //マージン幅両側分の文字 var marginPxs = (marginPx*2) + ""; //当該クラスの要素を巡回 for(i=0;i本紙プレゼント企画で観戦したファンの声を紹介しています。", "nextChild"); } ); //ロード完了後、ブロックごとに全表示ページへのリンクを作成 window.onload = function(){ //ビューズにマージン設定 setMargin("views-col"); }