정보실

웹학교

정보실

그누보드 그누보드강좌 11번째강의 jQuerymenu적용

본문

그누보드강좌 11번째 jQuerymenu적용에 이용된 소스를 아래에 올립니다..

 

강의가 계속 진행되고 있어서 혹시 그 부분을 다시 적용하는데 어려움이 있을 수 있어

head.php내에 메뉴 반영한 부분소스만 아래 공유합니다.

 

자세한 것은 해당 강좌를 참조하세요.

 

--- head.php menu부분 ---

 

<nav id="cssmenu">

        <ul id="gnb_1dul">

            <?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++) {

                $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);

                $countS = mysql_num_rows($result2);

 

                if($countS >= '1'){

 

            ?>

            <li class="has-sub" style="z-index:<?php echo $gnb_zindex--; ?>">

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

                <?php

 

 

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

                    if($k == 0)

                        echo '<ul>'.PHP_EOL;

                ?>

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

                <?php

                }

 

                if($k > 0)

                    echo '</ul>'.PHP_EOL;

                ?>

            </li>

            <?php

            } else {

                ?>

                 <li style="z-index:<?php echo $gnb_zindex--; ?>">

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

                <?php

            }

        }

 

            if ($i == 0) {  ?>

                <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>

            <?php } ?>

        </ul>

    </nav>

 

<script>

( function( $ ) {

$( document ).ready(function() {

$('#cssmenu').prepend('<div id="menu-button">Menu</div>');

    $('#cssmenu #menu-button').on('click', function(){

        var menu = $(this).next('ul');

        if (menu.hasClass('open')) {

            menu.removeClass('open');

        }

        else {

            menu.addClass('open');

        }

    });

});

} )( jQuery );

 

</script> 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 594회 ]  작성일14-11-06 08:10

웹학교