//ブラウザチェック: //IE6 //popupNameをname属性に指定したタグに //onmouseover, onmouseoutをセットし、 //マウスオーバーポップアップを実現します。 //letfPlus, topPlusの分だけ実際のタグの位置からずれます。 //左ナビ用 //CheckEnv.jsと classNameに指定したスタイルシートをlinkで指定 //bodyの直後にこのファイルをscriptタグで指定 var menu_popupName = "popmenu"; var menu_messageName = "message"; //var menu_imageName = "image"; var menu_proxyId = "proxyMenu"; //var leftPlus = 12; var menu_leftPlus = 145; //var topPlus = 15; var menu_topPlus = 0; var menu_className = "popup_screen"; //スタイルシート //var menu_rWidth = 200; //折り返しに使用 function PopupMenu() { PopupMenu.prototype.show = function (arg1) { var message = this.getAttribute(menu_messageName); var image = this.getAttribute("image"); //ポップアップのウィンドウを作成 var proxy = document.getElementById(menu_proxyId); proxy.className = menu_className; proxy.style.position = "absolute"; var event = getEvent(arg1); //proxy.style.left = getMouseX(event) + menu_leftPlus; proxy.style.left = menu_leftPlus; //proxy.style.top = getMouseY(event) + menu_topPlus; proxyY = getMouseY(event) + menu_topPlus; //右に行き過ぎたときに戻す。 //if (document.body.clientWidth <= (parseInt(proxy.style.left) + 200)) { // proxy.style.left = document.body.clientWidth - 200; //} //下に行き過ぎたときに戻す。 if (document.body.clientHeight <= (proxyY + 90)) { proxyY = document.body.clientHeight - 90; } proxy.style.top = proxyY; //ポップアップのHTML作成 if (image) { message = '

' + '

' + '

' + message + '

'; } proxy.innerHTML = message; } PopupMenu.prototype.hide = function () { var proxy = document.getElementById(menu_proxyId); while(proxy.hasChildNodes()) { proxy.removeChild(proxy.firstChild); } proxy.className = ""; } } function setEventToPopupMenu() { this._popupScreen = new PopupMenu(); this.popupItems = document.getElementsByName(menu_popupName); for (i = 0; i < popupItems.length; i++) { popupItems[i].onmouseover = _popupScreen.show; popupItems[i].onmouseout = _popupScreen.hide; } //divとspan対応, IEだとgetElementsByNameで捕まえない var tags = ["div", "span"]; for (i = 0; i < tags.length; i++) { this.popupItems = document.getElementsByTagName(tags[i]); for (j = 0; j < popupItems.length; j++) { if(popupItems[j].name == menu_popupName) { popupItems[j].onmouseover = _popupScreen.show; popupItems[j].onmouseout = _popupScreen.hide; } } } //にを追加 var proxy = document.createElement("span"); proxy.style.position = "absolute"; proxy.style.top = 0; proxy.style.left = 0; var body = document.getElementsByTagName("body")[0]; body.appendChild(proxy); proxy.setAttribute("id", menu_proxyId); } //var body = document.getElementsByTagName("body")[0]; //body.onload = setEventToPopupMenu; var preOnLoadPopupMenu = window.onload; window.onload = function initPopupMenu() { if (preOnLoadPopupMenu != null) { preOnLoadPopupMenu(); } setEventToPopupMenu(); }