//グローバル変数の定義 var httpObj; // HTTP通信用オブジェクト var timerId; // HTTP通信用タイマーオブジェクト var timeout_sec = 10; // HTTP通信タイムアウト秒数 // 子ウィンドウを閉じる function closeChildWindow() { var board = document.getElementById('board'); board.style.visibility = 'hidden'; } // 子ウィンドウを開く function openChildWindow(e) { var board = document.getElementById('board'); board.style.left = 185 + 'px'; board.style.top = 330 + 'px'; board.style.visibility = 'visible'; // チェックされたリンクのid属性値を取得 var target_node; if(e.target) { target_node = e.target; } else if(e.srcElement) { target_node = e.srcElement; } // Safari対策 if (target_node.nodeType == 3) { target_node = target_node.parentNode; } var checked_link = target_node.id; // テキストファイルのURLを定義******************************************************************************* var target_url; if(checked_link == 'h_115') { target_url = '/list/le_li_vi.php?le_id=115';} else if(checked_link == 'h_108') { target_url = '/list/le_li_vi.php?le_id=108';} else if(checked_link == 'h_109') { target_url = '/list/le_li_vi.php?le_id=109';} else if(checked_link == 'h_6') { target_url = '/list/le_li_vi.php?le_id=6';} else if(checked_link == 'h_7') { target_url = '/list/le_li_vi.php?le_id=7';} else if(checked_link == 'h_8') { target_url = '/list/le_li_vi.php?le_id=8';} else if(checked_link == 'h_9') { target_url = '/list/le_li_vi.php?le_id=9';} else if(checked_link == 'h_10') { target_url = '/list/le_li_vi.php?le_id=10';} else if(checked_link == 'h_11') { target_url = '/list/le_li_vi.php?le_id=11';} else if(checked_link == 'h_12') { target_url = '/list/le_li_vi.php?le_id=12';} else if(checked_link == 'h_13') { target_url = '/list/le_li_vi.php?le_id=13';} else if(checked_link == 'h_14') { target_url = '/list/le_li_vi.php?le_id=14';} else if(checked_link == 'h_15') { target_url = '/list/le_li_vi.php?le_id=15';} else if(checked_link == 'h_16') { target_url = '/list/le_li_vi.php?le_id=16';} else if(checked_link == 'h_17') { target_url = '/list/le_li_vi.php?le_id=17';} else if(checked_link == 'h_18') { target_url = '/list/le_li_vi.php?le_id=18';} else if(checked_link == 'h_19') { target_url = '/list/le_li_vi.php?le_id=19';} else if(checked_link == 'h_20') { target_url = '/list/le_li_vi.php?le_id=20';} else if(checked_link == 'h_21') { target_url = '/list/le_li_vi.php?le_id=21';} else if(checked_link == 'h_22') { target_url = '/list/le_li_vi.php?le_id=22';} // ********************************************************************************************************** // 処理を実行するための関数リファレンスを定義 var funcRef = function(text_data) { var content = document.getElementById('content'); content.innerHTML = text_data; // 透明度を変更する board.style.filter = 'alpha(opacity=95)'; // Internet Explorer用 board.style.mozOpacity = 0.95; // FireFox用 board.style.opacity = 0.95; // Safari用 } // HTTP通信を開始し、完了したら上記関数を実行させる httpRequest(target_url, funcRef); } // 子ウィンドウを閉じる function closeChildWindow(e) { var board = document.getElementById('board'); board.style.visibility = 'hidden'; } // 引数に与えられたURLにHTTPリクエストを行ない、指定された関数を実行 function httpRequest(target_url, funcitonReference) { try { if(window.XMLHttpRequest) { httpObj = new XMLHttpRequest(); } else if(window.ActiveXObject) { httpObj = new ActiveXObject("Microsoft.XMLHTTP"); } else { httpObj = false; } } catch(e) { httpObj = false; } if(! httpObj) { httpObjGenerateFail(); } // タイマーをセット timerId = setInterval('timeoutCheck()', 1000); httpObj.open("GET", target_url, true); httpObj.onreadystatechange = function() { if (httpObj.readyState == 4) { clearInterval(timerId); if (httpObj.status == 200) { funcitonReference(httpObj.responseText); } else { alert(httpObj.status + ' : ' + httpObj.statusText); return false; } } } httpObj.send(''); } // XMLHttpRequestオブジェクト生成に失敗した場合の処理 function httpObjGenerateFail() { alert('ご利用のブラウザーでは、当サイトをご利用頂けません。'); return false; } // HTTPタイムアウト処理 function timeoutCheck() { timeout_sec --; if(timeout_sec <= 0) { // タイマーをストップする clearInterval(timerId); // HTTPリクエストを中断する httpObj.abort(); // エラーダイアログを表示 alert('タイムアウトです。'); return false; } } // イベントリスナーをセットする function setListeners(e) { var h_115 = document.getElementById('h_115'); addListener(h_115, 'click', openChildWindow, false); var h_108 = document.getElementById('h_108'); addListener(h_108, 'click', openChildWindow, false); var h_109 = document.getElementById('h_109'); addListener(h_109, 'click', openChildWindow, false); var h_6 = document.getElementById('h_6'); addListener(h_6, 'click', openChildWindow, false); var h_7 = document.getElementById('h_7'); addListener(h_7, 'click', openChildWindow, false); var h_8 = document.getElementById('h_8'); addListener(h_8, 'click', openChildWindow, false); var h_9 = document.getElementById('h_9'); addListener(h_9, 'click', openChildWindow, false); var h_10 = document.getElementById('h_10'); addListener(h_10, 'click', openChildWindow, false); var h_11 = document.getElementById('h_11'); addListener(h_11, 'click', openChildWindow, false); var h_12 = document.getElementById('h_12'); addListener(h_12, 'click', openChildWindow, false); var h_13 = document.getElementById('h_13'); addListener(h_13, 'click', openChildWindow, false); var h_14 = document.getElementById('h_14'); addListener(h_14, 'click', openChildWindow, false); var h_15 = document.getElementById('h_15'); addListener(h_15, 'click', openChildWindow, false); var h_16 = document.getElementById('h_16'); addListener(h_16, 'click', openChildWindow, false); var h_17 = document.getElementById('h_17'); addListener(h_17, 'click', openChildWindow, false); var h_18 = document.getElementById('h_18'); addListener(h_18, 'click', openChildWindow, false); var h_19 = document.getElementById('h_19'); addListener(h_19, 'click', openChildWindow, false); var h_20 = document.getElementById('h_20'); addListener(h_20, 'click', openChildWindow, false); var h_21 = document.getElementById('h_21'); addListener(h_21, 'click', openChildWindow, false); var h_22 = document.getElementById('h_22'); addListener(h_22, 'click', openChildWindow, false); var close = document.getElementById('close'); addListener(close, 'click', closeChildWindow, false); var bar = document.getElementById('bar'); addListener(bar, 'mousedown', dragStart, false); } function addListener(elem, eventType, func, cap) { if(elem.addEventListener) { elem.addEventListener(eventType, func, cap); } else if(elem.attachEvent) { elem.attachEvent('on' + eventType, func); } else { alert('ご利用のブラウザーはサポートされていません。'); return false; } } // HTMLがロードされた際に、setListeners()関数を実行させる addListener(window, 'load', setListeners, false);