본문 바로가기

Web/Javascript

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

// 주의 사항 꼭 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>

'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