//=========================================================================== // ToolTipの表示 //=========================================================================== // onMouseOver="toolTip('コメント')"; // onMouseOut="toolTip()"; // 表示位置を指定する場合(デフォルト値:下部、L:左部、R:右部、T:上部) // onMouseOver="toolTip('コメント','R')"; // フォアグラウンドとバックグラウンドの色を指定する場合 // onMouseOver="toolTip('コメント', '', '#FFFF00', 'orange')"; // onMouseOut="toolTip()"; /* 以下のようにの次に

と */ var ns4 = document.layers; var ns6 = document.getElementById && !document.all; var ie4 = document.all; offsetX = 0; offsetY = 20; var toolTipSTYLE=""; function initToolTips() { if(ns4||ns6||ie4) { if(ns4) toolTipSTYLE = document.toolTipLayer; else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style; else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style; if(ns4) document.captureEvents(Event.MOUSEMOVE); else { toolTipSTYLE.visibility = "visible"; toolTipSTYLE.display = "none"; } document.onmousemove = moveToMouseLoc; } } function toolTip(msg, ichi, fg, bg) { if(toolTip.arguments.length < 1) // hide { if(ns4) toolTipSTYLE.visibility = "hidden"; else toolTipSTYLE.display = "none"; offsetX = 0; offsetY = 20; } else // show { if(!fg) fg = "#000000"; if(!bg) bg = "#ffffe1"; var content = '

' + msg + '

'; if(ns4) { toolTipSTYLE.document.write(content); toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "visible"; } if(ns6) { document.getElementById("toolTipLayer").innerHTML = content; toolTipSTYLE.display='block' } if(ie4) { document.all("toolTipLayer").innerHTML=content; toolTipSTYLE.display='block' } switch(ichi){ case 'L': offsetX = 0 - (document.getElementById("toolTipLayer").offsetWidth + 10); offsetY = 0; break; case 'R': offsetX = 15; offsetY = 0; break; case 'T': offsetX = 0; offsetY = -20; break; } } } function moveToMouseLoc(e) { if(ns4||ns6) { x = e.pageX; y = e.pageY; } else { x = event.x + document.body.scrollLeft; y = event.y + document.body.scrollTop; } toolTipSTYLE.left = x + offsetX; toolTipSTYLE.top = y + offsetY; return true; }