테스트 사이트 - 개발 중인 베타 버전입니다

드롭다운 메뉴 질문! 채택완료

짬짬 7년 전 조회 4,056

3077114933_1526004302.5561.pnghttps://sir.kr/data/editor/1805/3077114933_1526004302.5561.png" width="416" />

이렇게 현재페이지에 맞는 서브메뉴리스트 드롭다운으로 나오게 하려합니다.

3077114933_1526004413.7219.pnghttps://sir.kr/data/editor/1805/3077114933_1526004413.7219.png" width="520" />

팁자료실을 열심히 뒤져서 우선 페이지에 맞는 서브메뉴 나오게 했습니다.

아래와 같이 코딩되었습니다.

</p>

<p><script type="text/javascript">

    function display_submenu(num) {

         document.getElementById("mysub"+num).style.display="block";

    }

</script>

<div id="mysubmenu">

    <?php

    $sql = " select *

                from {$g5['menu_table']}

                where me_use = '1'

                  and length(me_code) = '2'

                order by me_order, me_id ";

    $result = sql_query($sql, false);

    $gnb_zindex = 999; // gnb_1dli z-index 값 설정용

    for ($i=0; $row=sql_fetch_array($result); $i++) {

    ?>

    <ul id="mysub<?php echo $i ?>" style="display:none;">

        <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" ><li class="leftmenu_b"><?php echo $row['me_name'] ?></li></a>

            <?php

            $sql2 = " select *

                        from {$g5['menu_table']}

                        where me_use = '1'

                          and length(me_code) = '4'

                          and substring(me_code, 1, 2) = '{$row['me_code']}'

                        order by me_order, me_id ";

            $result2 = sql_query($sql2);

            //좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌

            if ( ($row['me_name']==$board['bo_subject'])||($row['me_name']==$g5['title']) ) {

                echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");

            }

            for ($k=0; $row2=sql_fetch_array($result2); $k++) {

                if($k == 0)

                    echo '<ul>'.PHP_EOL;

            ?>

                <a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" ><li class="leftmenu_s"><?php echo $row2['me_name'] ?></li></a>

            <?php

                //좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌

                if ( ($row2['me_name']==$board['bo_subject'])||($row2['me_name']==$g5['title']) ) {

                    echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");

                }

            }

            if($k > 0)

                echo '</ul>'.PHP_EOL;

            ?>

    </ul>

    <?php } ?>

</div>

위 코드를 드롭다운 만드려면 어떻게 해야 할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

웹쪽은 초보라 잘 모르는대 이런거 참조하면될듯요.

http://re-fresh-studio.com/2013/07/post-12-dropmenu_with_css

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인