// JavaScript Document /* 01.PageTop (cssの設定により編集必要) 02.RollOver 03.Current 04.popup window 05.change image 06.pulldown menu */ /* 01.PageTop ---------------------------------------------------------------------------------- */ var ScrollWin = { w3c : document.getElementById, iex : document.all, scrollLoop : false, scrollInterval : null, // setInterval id currentBlock : null, // object reference getWindowHeight : function(){ if(this.iex) return (document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.clientHeight; else return window.innerHeight; }, getScrollLeft : function(){ if(this.iex) return (document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft; else return window.pageXOffset; }, getScrollTop : function(){ if(this.iex) return (document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop; else return window.pageYOffset; }, getElementYpos : function(el){ var y = 0; while(el.offsetParent){ y += el.offsetTop el = el.offsetParent; } return y; }, scroll : function(num){ if(!this.w3c){ location.href = "#"+this.anchorName+num; return; } if(this.scrollLoop){ clearInterval(this.scrollInterval); this.scrollLoop = false; this.scrollInterval = null; } if(this.currentBlock != null) this.currentBlock.className = this.offClassName; this.currentBlock = document.getElementById(this.blockName+num); this.currentBlock.className = this.onClassName; var doc = document.getElementById(this.containerName); var documentHeight = this.getElementYpos(doc) + doc.offsetHeight; var windowHeight = this.getWindowHeight(); var ypos = this.getElementYpos(this.currentBlock); if(ypos > documentHeight - windowHeight) ypos = documentHeight - windowHeight; this.scrollTo(0,ypos); }, scrollTo : function(x,y){ if(this.scrollLoop){ var left = this.getScrollLeft(); var top = this.getScrollTop(); if(Math.abs(left-x) <= 1 && Math.abs(top-y) <= 1){ window.scrollTo(x,y); clearInterval(this.scrollInterval); this.scrollLoop = false; this.scrollInterval = null; }else{ window.scrollTo(left+(x-left)/2, top+(y-top)/2); } }else{ this.scrollInterval = setInterval("ScrollWin.scrollTo("+x+","+y+")",50); this.scrollLoop = true; } } }; // ↓↓Edit these variables ScrollWin.containerName = "container"; // wrapperのDIVのIDを入れる。 ScrollWin.anchorName = "top"; // 　のID ScrollWin.blockName = "block"; //

の空のDIVをページを戻したい位置にいれる。 //　↑↑ Edit these variables 　　　 // 通常はの直下に置く。 ScrollWin.onClassName = "active"; // ScrollWin.offClassName = "visited"; // /* 02.RollOver ---------------------------------------------------------------------------------- Standards Compliant Rollover Script Author : Daniel Nolan http://www.bleedingego.co.uk/webdev.php */ function initRollovers() { if (!document.getElementById) return var aPreLoad = new Array(); var sTempSrc; var aImages = document.getElementsByTagName('img'); for (var i = 0; i < aImages.length; i++) { if (aImages[i].className == 'imgover') { var src = aImages[i].getAttribute('src'); var ftype = src.substring(src.lastIndexOf('.'), src.length); var hsrc = src.replace(ftype, '_o'+ftype); aImages[i].setAttribute('hsrc', hsrc); aPreLoad[i] = new Image(); aPreLoad[i].src = hsrc; aImages[i].onmouseover = function() { sTempSrc = this.getAttribute('src'); this.setAttribute('src', this.getAttribute('hsrc')); } aImages[i].onmouseout = function() { if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype); this.setAttribute('src', sTempSrc); } } } } /* 03.Current 　imgの設置は　current_ js　ファイルで設定 ---------------------------------------------------------------------------------- */ /*ChangeImageNum*/ function imgChangeNum(nam,num) { if(document.images && (checkObj != 1)) { document[nam].src = arrowSecond[num].src; } } /*ChangeImage*/ imgId = ""; stayId = ""; function imgChange(imgName,imgState) { if(document.images) { stringId0 = imgName.substring(0,4); stringId = imgName if(((stringId0 == "navi") || (stringId0 == "navs")) && (stringId == imgId)){ document[imgName].src = eval(imgName + "stay" + ".src"); } else { document[imgName].src = eval(imgName + imgState + ".src"); } } } function stayMenu(stayId){ imgChange(stayId,"stay"); imgId = stayId; } /* 03-01 グローバルナビゲーション　カレント表示カレント表示にしたいページで　body onload="curentImg_01()" と記述 ------------------------------------------------------------ */ function curentImg_01(){ lnavi_01off.src = lnavi_01stay.src stayMenu('lnavi_01'); } function curentImg_02(){ lnavi_02off.src = lnavi_02stay.src stayMenu('lnavi_02'); } function curentImg_03(){ lnavi_03off.src = lnavi_03stay.src stayMenu('lnavi_03'); } function curentImg_04(){ lnavi_04off.src = lnavi_04stay.src stayMenu('lnavi_04'); } function curentImg_05(){ lnavi_05off.src = lnavi_05stay.src stayMenu('lnavi_05'); } function curentImg_06(){ lnavi_06off.src = lnavi_06stay.src stayMenu('lnavi_06'); } function curentImg_07(){ lnavi_07off.src = lnavi_07stay.src stayMenu('lnavi_07'); } function curentImg_08(){ lnavi_08off.src = lnavi_08stay.src stayMenu('lnavi_08'); } function curentImg_09(){ lnavi_09off.src = lnavi_09stay.src stayMenu('lnavi_09'); } function curentImg_10(){ lnavi_10off.src = lnavi_10stay.src stayMenu('lnavi_10'); } function curentImg_11(){ lnavi_11off.src = lnavi_11stay.src stayMenu('lnavi_11'); } function curentImg_12(){ lnavi_12off.src = lnavi_12stay.src stayMenu('lnavi_12'); } function curentImg_13(){ lnavi_13off.src = lnavi_13stay.src stayMenu('lnavi_13'); } function curentImg_14(){ lnavi_14off.src = lnavi_14stay.src stayMenu('lnavi_14'); } function curentImg_15(){ lnavi_15off.src = lnavi_15stay.src stayMenu('lnavi_15'); } function curentImg_16(){ lnavi_16off.src = lnavi_16stay.src stayMenu('lnavi_16'); } function curentImg_17(){ lnavi_17off.src = lnavi_17stay.src stayMenu('lnavi_17'); } function curentImg_18(){ lnavi_18off.src = lnavi_18stay.src stayMenu('lnavi_18'); } function curentImg_19(){ lnavi_19off.src = lnavi_19stay.src stayMenu('lnavi_19'); } function curentImg_20(){ lnavi_20off.src = lnavi_20stay.src stayMenu('lnavi_20'); } function curentImg_21(){ lnavi_21off.src = lnavi_21stay.src stayMenu('lnavi_21'); } function curentImg_22(){ lnavi_22off.src = lnavi_22stay.src stayMenu('lnavi_22'); } function curentImg_23(){ lnavi_23off.src = lnavi_23stay.src stayMenu('lnavi_23'); } function curentImg_24(){ lnavi_24off.src = lnavi_24stay.src stayMenu('lnavi_24'); } function curentImg_25(){ lnavi_25off.src = lnavi_25stay.src stayMenu('lnavi_25'); } function curentImg_26(){ lnavi_26off.src = lnavi_26stay.src stayMenu('lnavi_26'); } function curentImg_27(){ lnavi_27off.src = lnavi_27stay.src stayMenu('lnavi_27'); } function curentImg_28(){ lnavi_28off.src = lnavi_28stay.src stayMenu('lnavi_28'); } function curentImg_29(){ lnavi_29off.src = lnavi_29stay.src stayMenu('lnavi_29'); } function curentImg_30(){ lnavi_30off.src = lnavi_30stay.src stayMenu('lnavi_30'); } function curentImg_31(){ lnavi_31off.src = lnavi_31stay.src stayMenu('lnavi_31'); } function curentImg_32(){ lnavi_32off.src = lnavi_32stay.src stayMenu('lnavi_32'); } function curentImg_33(){ lnavi_33off.src = lnavi_33stay.src stayMenu('lnavi_33'); } function curentImg_34(){ lnavi_34off.src = lnavi_34stay.src stayMenu('lnavi_34'); } function curentImg_35(){ lnavi_35off.src = lnavi_35stay.src stayMenu('lnavi_35'); } /* 04. popup window ---------------------------------------------------------------------------------- */ function openwin1(file,name,h,w) { sw=screen.availWidth/2-w/2; sh=screen.availHeight/2-h/2 //h=screen.height newWin1= window.open(file,name,"height="+h+",width="+w+",top="+sh+",screenY="+sh+",left="+sw+",screenX="+sw+",toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0"); document.MM_returnValue = false; newWin1.focus() } /* 04. popup window 位置指定_有りスクロール有り時のos,ブラウザ別windowサイズ補正　位置中央住設環境機器事業部バスルーム施工例のページにて使用 ---------------------------------------------------------------------------------- */ function openwin4(file,name,h,w) {//位置指定_センター sw=screen.availWidth/2-w/2; sh=screen.availHeight/2-h/2 //h=screen.height mac = (navigator.appVersion.indexOf("Mac") != -1) ?true:false; ie = (navigator.appName.charAt(0) == "M") ?true:false; nn = (navigator.appName.charAt(0) == "N") ?true:false; if (mac){ if (ie){ // mac IE w+=1; h-=0; } else{ // mac NN etc. w+=16; h-=0; } } else{ if (ie){ // win IE w+=17; h-=0; } else{ // win NN etc. w+=16; h-=0; } } newWin4= window.open(file,name,"height="+h+",width="+w+",top="+sh+",screenY="+sh+",left="+sw+",screenX="+sw+",toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1"); document.MM_returnValue = false; newWin4.focus() } /* 05. change image ---------------------------------------------------------------------------------- */ function sel_change($obj) { var sel = $obj[0].id.split("_"); if (lastsel != sel[2]) { var kind = (sel[1] == "main") ? "sub": "main"; var alias = $("#" + sel[0] + "_" + kind + "_" + sel[2])[0]; var selectedMainItem = $("#change_main_" + lastsel)[0]; var selectedSubItem = $("#change_sub_" + lastsel)[0]; var parts = $obj[0].org_src.split("/"); var parts2; var fileName = parts[parts.length - 1]; parts2 = fileName.split("."); parts[parts.length - 1] = parts2[0]+"_o."+parts2[1]; if (selectedMainItem != undefined) selectedMainItem.src = selectedMainItem.org_src; if (selectedSubItem != undefined) selectedSubItem.src = selectedSubItem.org_src; $obj[0].src = parts.join("/"); if (alias != undefined) { parts = alias.org_src.split("/"); fileName = parts[parts.length - 1]; parts2 = fileName.split("."); parts[parts.length - 1] = parts2[0]+"_o."+parts2[1]; alias.src = parts.join("/"); } parts = $("#base_image")[0].src.split("."); $("#base_image")[0].src = $("#base_image")[0].org_src+"_image"+sel[2]+"."+parts[parts.length - 1]; lastsel = sel[2]; } } /* 06. pulldown menu ---------------------------------------------------------------------------------- */ function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; }