티스토리 뷰

Tag & Script/JavaScript

메뉴위치에맞는 레이어 서브메뉴(중앙정렬시)[참고]

미련곰 2007. 8. 20. 15:35

<script language="javascript">
<!--
function displayLay(getno)

{
    var x;
    var y;
    var xdistance;
    var ydistance;
    var ydis = new Array();
    x = document.body.scrollLeft+event.clientX;
    y = document.body.scrollTop+event.clientY;
    xdistance = (document.body.clientWidth/2)-400;

    //브라우저의 가로사이즈를 반으로 나눠 중앙좌표를 생성후 좌표조정
    ydistance=23;
   
    ydis[0]=181;
    for(i=0; i<document.all.displayer.length; i++)

    {
        document.all.displayer[i].style.display='none';
        if(i!=0) ydis[i]=ydis[i-1]+ydistance;
    }

    if(document.all.displayer.length==null)

    {
        document.all.displayer.style.position='absolute';
        document.all.displayer.style.top=y+ydistance;
        document.all.displayer.style.left=xdistance;
        document.all.displayer.style.display='block';
    }
    else

    {
        //document.all.displayer[getno].style.position='relative';
        document.all.displayer[getno].style.top=ydis[getno];
        //document.all.displayer[getno].style.top=y+ydistance;
        document.all.displayer[getno].style.left=xdistance;
        document.all.displayer[getno].style.display='block';
    }
}

function disableLay(getno)

{
    if(document.all.displayer.length==null)

    {
        document.all.displayer.style.display='none';
    }
    else

    {
        document.all.displayer[getno].style.display='none';
    }
}
-->
</script>
<body >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td valign="top">
        <!--왼쪽메뉴 s-->
<?
if($design_info->cate_img != "")
{
    $cate_img = "<img src='/images/mainimg/$design_info->cate_img' border='0'>";
}
?>
            <table width='100%' border='0' cellspacing='0' cellpadding='0'>
                <tr><td><img src='/img/left_cate.gif' width='184' height='23'></td></tr>
                <tr>

                    <td style='padding-top:10'>
                        <table width='100%' border='0' cellspacing='0' cellpadding='0'>
<?
    $no = 1;
    $sql = "select * from 테이블 where 우선순위필드명 = 1 외 조건 order by 정렬필드 asc";
    $result = mysql_query($sql) or error(mysql_error());
    $nno = mysql_num_rows($result);
    //echo $sql;
    while($row = mysql_fetch_object($result))
    {
        $ffnum = $no-1;?>
    <tr>

        <td height="24" onmouseover="displayLay('<?=$ffnum?>');" onmouseout="disableLay('<?=$ffnum?>')">
            <a href="이동경로" onMouseOver="MM_swapImage('c_<?=$no?>','','마우스오버이미지명',1)" onMouseOut="MM_swapImgRestore();">
                <img src="이미지명" name="c_<?=$no?>" border="0" id="c_<?=$no?>">

            </a>

        </td>

    </tr>
<?
    }
    $no++;
}
?>                        </table>
                    </td>
                </tr>
            </table>
<?

//2차 서브 메뉴

$sql = "select * from 테이블명 where 우선순위필드명 = 1 외 조건 order by 정렬 asc";
$result = mysql_query($sql) or error(mysql_error());
$i=1;
while($prow = mysql_fetch_object($result))
{
    $ffnum = $i-1;
?>
        <div id="displayer" style="display:none; left:; width:100; z-index:0;">
            <table onmouseover="displayLay('<?=$ffnum?>');" onmouseout="disableLay('<?=$ffnum?>')">
<?
    $catcode1 = substr($prow->조건구분코드 필드명 ,0,2);
    $sql2 = "select * from 테이블명 where 조건구분코드 필드명 like '$catcode1%' and 우선순위필드명 = 2 order by 정렬 asc";
    $result2 = mysql_query($sql2) or error(mysql_error());
    $j=0;
    while($prow2 = mysql_fetch_object($result2))
    {
?>
                <tr>
                    <td bgcolor="#CCCCCC" height="1"></td>
                </tr>
                <tr>
                    <td bgcolor="#ffffff">
                        <a href="경로">화면출력</a>
                    </td>
                </tr>
<?
        $j++;
    }
?>
            </table>

        </div>
<?
    $i++;
}
?>
<!--왼쪽메뉴 e-->

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함