// 주의 사항 꼭 onMouseDown같은 이벤트를 이용하기
//마우스클릭한곳에 레이어 보이기
function showlayer(id, no, pos, mark)
{
var content = "<table bgcolor=#ffffff width=90 cellspacing='0' align='center' cellpadding='3' border='1' bordercolordark='white' bordercolorlight='#D6D6D6'><tr><td><a href='./control_process.php?nPage=&nTotal=&psMode=CHANGE&no="+no+"&nPos="+pos+"&nBase=1&mark="+mark+"&sCategory=&Vopt=&sStart=&sDanche=&sZone=&sName=&sCharge='>단체모두변경</a></td></tr><tr><td><a href='./control_process.php?nPage=&nTotal=&psMode=CHANGE&no="+no+"&nPos="+pos+"&sCategory=&Vopt=&sStart=&sDanche=&sZone=&sName=&sCharge='>이것만변경</a></td></tr></table>";
document.all(id).style.left = event.clientX + document.body.scrollLeft -4;
document.all(id).style.top = event.clientY + document.body.scrollTop -4;
document.all(id).innerHTML = content;
document.all(id).style.visibility = 'visible';
}
//레이어 감추기
function hidelayer(id)
{
document.all(id).style.visibility = 'hidden';
}
//레이어 유지
function overlayer(id)
{
document.all(id).style.visibility = 'visible';
}
<div id="miniMenu" align="right" style="width:80px; height:63px; position:absolute; left:-300px; top:-300px; z-index:1; visibility:hidden; " OnMouseOut="hidelayer('miniMenu');" OnMouseOver="overlayer('miniMenu');"></div>
//마우스클릭한곳에 레이어 보이기
function showlayer(id, no, pos, mark)
{
var content = "<table bgcolor=#ffffff width=90 cellspacing='0' align='center' cellpadding='3' border='1' bordercolordark='white' bordercolorlight='#D6D6D6'><tr><td><a href='./control_process.php?nPage=&nTotal=&psMode=CHANGE&no="+no+"&nPos="+pos+"&nBase=1&mark="+mark+"&sCategory=&Vopt=&sStart=&sDanche=&sZone=&sName=&sCharge='>단체모두변경</a></td></tr><tr><td><a href='./control_process.php?nPage=&nTotal=&psMode=CHANGE&no="+no+"&nPos="+pos+"&sCategory=&Vopt=&sStart=&sDanche=&sZone=&sName=&sCharge='>이것만변경</a></td></tr></table>";
document.all(id).style.left = event.clientX + document.body.scrollLeft -4;
document.all(id).style.top = event.clientY + document.body.scrollTop -4;
document.all(id).innerHTML = content;
document.all(id).style.visibility = 'visible';
}
//레이어 감추기
function hidelayer(id)
{
document.all(id).style.visibility = 'hidden';
}
//레이어 유지
function overlayer(id)
{
document.all(id).style.visibility = 'visible';
}
<div id="miniMenu" align="right" style="width:80px; height:63px; position:absolute; left:-300px; top:-300px; z-index:1; visibility:hidden; " OnMouseOut="hidelayer('miniMenu');" OnMouseOver="overlayer('miniMenu');"></div>
'Web > Javascript' 카테고리의 다른 글
메인 다중 게시판 보이기 (0) | 2013.09.26 |
---|---|
이미지 페이드 (0) | 2013.09.26 |
obj.options[obj.selectedIndex].value (0) | 2013.09.26 |
frm.nAmount.readOnly (0) | 2013.09.26 |
showHide (0) | 2013.09.26 |