// Windowコントロールスクリプト（未完？）＋α ver.050531 by Kurosame // // 初期設定としてdivのclass属性にmainwinと入れることで一番上に、backwinはそれ以下として最初は扱われる。 // divのid属性には各divに付ける名前を設定し、同じdiv内に"onMouseOver="ChangeClass('名前')"を加える。 // 例.

// // bodyに"onLoad="InitHtml('名前')"を加えることで初期設定する。 // 名前には最初に一番上にしたいdivに設定したid属性の名前を入れる。 // 例. // // 注. backwin同士の表示優先順位は、htmlで後に記述したdivの方が高くなる。 // // 併用するcssファイルには、「div.mainwin」と「div.backwin」を用意することで、 // それぞれを別のスタイルにすることが可能。 // 文字色や背景色等を変えることで見た目を変化させられる。 // // このスクリプト用と併用するcssファイルは別で用意しておくのが分かりやすいと思う。 // actWin = ''; oc = 1; blank_s = 200; // 最初は200だった // 初期設定 function InitHtml(winId) { ChangeClass(winId); actWin = winId; } //////////////////////////////////////////////////////////////////////////////////////////////////// // div z-index切り替えスクリプト // Internet Explorer・Netscape 分岐 function ChangeClass(winId) { if (actWin != winId){ if (navigator.appName.indexOf("Explorer") != -1) { if (navigator.appVersion.charAt(0) == 4) { ChangeClassIe(winId); } } else if (navigator.appName.indexOf("Netscape") != -1) { if (navigator.appVersion.charAt(0) == 5) { ChangeClassNs(winId); } } else if (navigator.appName.indexOf("Netscape") != true) { if (document.getElementById) { ChangeClassNs(winId); } } actWin = winId; } } // Internet Explorer 用 function ChangeClassIe(winId) { if (document.getElementById) { len = document.getElementsByTagName("div").length; for (i = 0; i < len; i++) { if (document.getElementsByTagName("div")[i].className == "backwin"){ document.getElementsByTagName("div")[i].style.zIndex = i + 1; } else if (document.getElementsByTagName("div")[i].className == "mainwin"){ document.getElementsByTagName("div")[i].style.zIndex = i + 1; document.getElementsByTagName("div")[i].className = "backwin"; } if (document.getElementsByTagName("div")[i].id == winId){ document.getElementsByTagName("div")[i].className = "mainwin"; document.getElementsByTagName("div")[i].style.zIndex = len + 1; } } } } // Netscape 用（現verはIEと同じ） function ChangeClassNs(winId) { if (document.getElementById) { len = document.getElementsByTagName("div").length; for (i = 0; i < len; i++) { if (document.getElementsByTagName("div")[i].className == "backwin"){ document.getElementsByTagName("div")[i].style.zIndex = i + 1; } else if (document.getElementsByTagName("div")[i].className == "mainwin"){ document.getElementsByTagName("div")[i].style.zIndex = i + 1; document.getElementsByTagName("div")[i].className = "backwin"; } if (document.getElementsByTagName("div")[i].id == winId){ document.getElementsByTagName("div")[i].className = "mainwin"; document.getElementsByTagName("div")[i].style.zIndex = len + 1; } } } } //////////////////////////////////////////////////////////////////////////////////////////////////// // 画像サムネイル切り替え (thumbnail) // // class属性で指定画像を判別 // id属性でサムネイルかオリジナルの判別をする予定 // // function thumbChange(winId, thumbWidth, thumbHeight, origiWidth, origiHeight) { // } //////////////////////////////////////////////////////////////////////////////////////////////////// // 以下、ESF2用拡張スクリプト // div height値設定スクリプト（ESF2用追加分） function resizeMain(winId) { winSizeHeight = 0; winSizeWidth = 0; if (navigator.appName.indexOf("Explorer") != -1) { if (navigator.appVersion.charAt(0) == 4) { winSizeHeight = document.body.clientHeight; winSizeWidth = document.body.clientWidth; } } else if (navigator.appName.indexOf("Netscape") != -1) { if (navigator.appVersion.charAt(0) == 5) { winSizeHeight = window.innerHeight - 19; winSizeWidth = window.innerWidth - 19; } } else if (navigator.appName.indexOf("Netscape") != true) { if (document.getElementById) { winSizeHeight = window.innerHeight - 19; winSizeWidth = window.innerWidth - 19; } } sizeChange(winId, winSizeWidth, winSizeHeight); } // Netscape 用（現verはIEと同じ） function sizeChange(winId, winSizeWidth, winSizeHeight) { if (document.getElementById) { len = document.getElementsByTagName("div").length; for (i = 0; i < len; i++) { if (document.getElementsByTagName("div")[i].id == winId){ document.getElementsByTagName("div")[i].style.top = 0; // document.getElementsByTagName("div")[i].style.height = winSizeHeight; document.getElementsByTagName("div")[i].style.width = winSizeWidth - blank_s; } } } } //////////////////////////////////////////////////////////////////////////////////////////////////// // ニュース用内容拡大縮小切り替え // // class属性で指定記事を判別 // heightの値によって現在の状態を判別 // function displayChange(winId) { if (navigator.appName.indexOf("Explorer") != -1) { if (navigator.appVersion.charAt(0) == 4) { heightChange(winId, "4px"); // 変更前は23px 31pxに } } else if (navigator.appName.indexOf("Netscape") != -1) { if (navigator.appVersion.charAt(0) == 5) { heightChange(winId, "0px"); // 変更前は17px 27pxに } } else if (navigator.appName.indexOf("Netscape") != true) { if (document.getElementById) { heightChange(winId, "0px"); // 変更前は17px 27pxに } } } function heightChange(winId, nsieHeight) { if (document.getElementById) { len = document.getElementsByTagName("div").length; for (i = 0; i < len; i++) { if (document.getElementsByTagName("div")[i].id == winId){ if (document.getElementsByTagName("div")[i].style.height == "auto"){ document.getElementsByTagName("div")[i].style.height = nsieHeight; } else { document.getElementsByTagName("div")[i].style.height = "auto"; } } } } } // 初期化用 function initNews() { if (navigator.appName.indexOf("Explorer") != -1) { if (navigator.appVersion.charAt(0) == 4) { heightAllChange("4px"); // 変更前は23px 31pxに } } else if (navigator.appName.indexOf("Netscape") != -1) { if (navigator.appVersion.charAt(0) == 5) { heightAllChange("0px"); // 変更前は17px 27pxに } } else if (navigator.appName.indexOf("Netscape") != true) { if (document.getElementById) { heightAllChange("0px"); // 変更前は17px 27pxに } } } function heightAllChange(nsieHeight) { if (document.getElementById) { len = document.getElementsByTagName("div").length; for (i = 0; i < len; i++) { if (document.getElementsByTagName("div")[i].className == "news_win") { document.getElementsByTagName("div")[i].style.height = nsieHeight; } } } } // 全て開く function fullOpenClose() { hei = "auto"; if (oc == 0) { oc = 1; if (navigator.appName.indexOf("Explorer") != -1) { if (navigator.appVersion.charAt(0) == 4) { hei = "4px"; // 変更前は31pxに } } else if (navigator.appName.indexOf("Netscape") != -1) { if (navigator.appVersion.charAt(0) == 5) { hei = "0px"; // 変更前は27pxに } } else if (navigator.appName.indexOf("Netscape") != true) { if (document.getElementById) { hei = "0px"; // 変更前は27pxに } } } else { oc = 0; } heightAllChange(hei); } //////////////////////////////////////////////////////////////////////////////////////////////////// // マウスカーソル変更 function mCursor(winId) { if (document.all) { document.all(winId).style.cursor = 'pointer'; } if (document.getElementById) { document.getElementById(winId).style.cursor = 'pointer'; } } //////////////////////////////////////////////////////////////////////////////////////////////////// // IE用、div座標固定スクリプト function ieWinFixed() { if (navigator.appName.indexOf("Explorer") != -1) { if (navigator.appVersion.charAt(0) == 4) { scrollFixed(); } } } function scrollFixed() { if (document.getElementById) { hei = document.body.scrollTop; len = document.getElementsByTagName("div").length; for (i = 0; i < len; i++) { if ( (document.getElementsByTagName("div")[i].className == "mainwin") || (document.getElementsByTagName("div")[i].className == "backwin") ){ if (document.getElementsByTagName("div")[i].id == "menu") { document.all("menu").style.top = hei + 20; } else if (document.getElementsByTagName("div")[i].id == "sub") { document.all("sub").style.top = hei + 250; } else if (document.getElementsByTagName("div")[i].id == "search_sub") { document.all("search_sub").style.top = hei + 50; } } } } } //////////////////////////////////////////////////////////////////////////////////////////////////// // 画像表示切替 function showDisp(idName) { if (document.getElementById) { document.getElementById(idName).style.visibility = "visible"; } else if (document.all) { document.all(idName).style.visibility = "visible"; } else if (document.layers) { document.layers(idName).visibility = "show"; } } function hideDisp(idName) { if (document.getElementById) { document.getElementById(idName).style.visibility = "hidden"; } else if (document.all) { document.all(idName).style.visibility = "hidden"; } else if (document.layers) { document.layers(idName).visibility = "hide"; } }