/* ■■ common.js ■■ */
/* common.jsは汎用関数をまとめたJavaScript集です。
-----------------------------------------------------------------------------
■目次
01.onLoad向け処理
01.IEのロールオーバーで起こる背景画像再読み込み問題対応
02.ページ向け全般
01.ページトップへするするスクロール(ReturnToTop)
02.画像ロールオーバー(RollOver)
03.form制御
01.初期文字消去(ResetValue)
02.初期文字挿入(SetValue)
03.検索初期文字チェック(CheckDefault)
04.リンク
01.ポップアップリンク(PopupLink)
----------------------------------------------------------------------------- */
// ■■ 01.onLoad向け処理
// ■□ 01-01.IEのロールオーバーで起こる背景画像再読み込み問題対応
// CSSのa:hoverなどで背景画像の切り替えを行っている際にIEで起こる問題の対応策。
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
// ■■ 02.ページ向け全般
// ■□ 02-01.ページトップへするするスクロール(ReturnToTop)
// ページの先頭、引数を入れた場合は引数のIDの場所へなめらか動作でスクロールする関数。
// 使用例）
// ページTOPへ
// ページ本文へ
function ReturnToTop(pos,now) {
var x1 = x2 = x3 = 0;
var y1 = y2 = y3 = y4 = 0;
if (document.documentElement) {
x1 = document.documentElement.scrollLeft || 0;
y1 = document.documentElement.scrollTop || 0;
}
if (document.body) {
x2 = document.body.scrollLeft || 0;
y2 = document.body.scrollTop || 0;
}
x3 = window.scrollX || 0;
y3 = window.scrollY || 0;
var x = Math.max(x1, Math.max(x2, x3));
var y = Math.max(y1, Math.max(y2, y3));
if (!pos) {
//ページトップへ
window.scrollTo(Math.floor(x / 1.25), Math.floor(y / 1.25));
if (x > 0 || y > 0) {
window.setTimeout("ReturnToTop()", 25);
}
} else {
//引数に入れたid名の場所へ(y軸限定)
if (window.opera) {
//でもOpera9未満は除外
var usrAge = navigator.userAgent;
var posStart = usrAge.indexOf("Opera",0);
var posEnd = usrAge.indexOf(" ",posStart+6);
if (posEnd <= 0) posEnd = usrAge.length;
var AgeVer = usrAge.substring(posStart+6,posEnd);
if (AgeVer < 9) {
window.open("#"+pos,"_self")
return false;
}
}
var isMSIE = /*@cc_on!@*/false;
var targetEle = document.getElementById(pos);
while( targetEle ){
y4 += targetEle.offsetTop;
targetEle = targetEle.offsetParent;
//IEの補正：上記計算で無視されてしまう各親要素のborder幅を加算
if ((targetEle) && (isMSIE)) {
y4 += (parseInt(getElementStyle(targetEle,"borderTopWidth","border-top-width")) || 0);
}
}
var y5 = y4-y;
y += Math.floor(y5 / 5);
window.scrollTo(x, y);
if ((!now || now != y)&&(y > y4-5 || y < y4-5)) {
window.setTimeout('ReturnToTop("'+pos+'","'+y+'")', 25);
}
}
}
function getElementStyle(targetElm,IEStyleProp,CSSStyleProp) {
var elem = targetElm;
if (elem.currentStyle) {
return elem.currentStyle[IEStyleProp];
} else if (window.getComputedStyle) {
var compStyle = window.getComputedStyle(elem,"");
return compStyle.getPropertyValue(CSSStyleProp);
}
}
// ■□ 02-02.画像ロールオーバー(RollOver)
// Standards Compliant Rollover Script
// Author : Daniel Nolan
// http://www.bleedingego.co.uk/webdev.php
//
// 使用例）
// imgタグに.rolloverを指定すると、ファイル名の末尾に
// _roとついた画像に自動ロールオーバー。
function RollOver() {
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 == 'rollover') {
var src = aImages[i].getAttribute('src');
var ftype = src.substring(src.lastIndexOf('.'), src.length);
var hsrc = src.replace(ftype, '_ro'+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('_ro'+ftype, ftype);
this.setAttribute('src', sTempSrc);
}
}
}
}
// ■■ 03.form制御
// ■□ 03-01.初期文字消去(ResetValue)
// デフォルトで入力していたvalueを消去する。
// 使用例）
//
function ResetValue(pos,dflt){
if(pos.value == dflt){
pos.value = "";
pos.style.color = "#000000";
}
}
// ■□ 03-02.初期文字挿入(SetValue)
// 空だった場合、デフォルトで入力していたvalueへ戻す。
// 使用例）
//
function SetValue(pos,dflt){
if(pos.value == ''){
pos.value = dflt;
pos.style.color = "#999999";
}
}
// ■□ 03-03.検索初期文字チェック(CheckDefault)
// form送信前に、デフォルトで入力していたvalueだった場合に動作キャンセルをする。
// 使用例）
//