Web/Javascript

서브 레이어 메뉴 ( 클릭 ) 메뉴

aucd29 2013. 9. 26. 21:27
// 주의 사항 꼭 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>