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

메뉴 현재페이지 고정때문에 질문드려요

푼돈
프로필 보기이 회원 글보기
 · 10년 전 · 773 · 2

 

웹페이지 제작중인데 왼쪽 메뉴가 서브메뉴클릭해서 페이지가 넘어갈때 다음 페이지에서 누른 메뉴가 고정되어있게하고 싶은데..쿠키값이나 세션으로해야되나요...ㅠㅠ 

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script
    src="${pageContext.request.contextPath}/admin/temp/assets/js/jquery-1.10.2.js"></script>

<script type="text/javascript">
 $(document).ready(function(){

$('.nav').click(function() {
   
    console.log(this)

    if ($(this).parent())
        {
            console.log(this)
        }
});
 });


</script>
</head>
<body>
    <!-- /. TOP NAVI 시작부분  -->
    <!-- <nav class="navbar navbar-default navbar-cls-top " role="navigation"
        style="margin-bottom: 0"> -->
    <div class="btn_MA_tg navbar-header">
        <button type="button" class="btn_MA_tg navbar-toggle"
            data-toggle="collapse" data-target=".sidebar-collapse">
            <span class="sr-only">Toggle navigation<img
                src="${pageContext.request.contextPath}/imgs/inovtech.png"
                class="user-image img-responsive" alt="enterprize" /></span> <span
                class="icon-bar"></span> <span class="icon-bar"></span> <span
                class="icon-bar"></span>
        </button>
        <!--             <a class="navbar-brand" href="index.jsp"></a> -->
    </div>
    <!-- </nav>  -->

    <!-- /. side NAVI 시작부분  -->
    <nav class="navbar-default navbar-side" role="navigation">
        <div class="sidebar-collapse main_menu_bg">

            <ul class="nav" id="main-menu">
                <li style="border: 0; text-align: center;" class="main_menu_util_ar"><span><a
                        href="main">HOME</a></span> l <span><a href="#">SITEMAP</a></span> l <span><a
                        href="in_04_contact">CONTACT US</a></span></li>

                <li style="border: 0; text-align: center;" class="main_menu_logo_ar">
                    <a href="${pageContext.request.contextPath}/main"><img
                        src="${pageContext.request.contextPath}/imgs/main_gnb_logo.gif"
                        alt="LOGO" /></a>
                </li>




                <!-- ------------------ 회사소개 개요  ------------------------  -->
                <li style="border: 0" class="main_menu_m_text active">
                <a    href="${pageContext.request.contextPath}/in_01_ceo">
                    <i class="menu1"></i> 회사소개
                </a>
                    <ul class="nav" id="tab">
                        <li class="main_menu_s_text"><a href="in_01_ceo"
                            style="background-color: #fff">CEO인사말</a></li>
                        <li class="main_menu_s_text"><a href="in_02_philo"
                            style="background-color: #fff">기업이념</a></li>
                        <li class="main_menu_s_text"><a href="in_03_corp"
                            style="background-color: #fff">법인현황</a></li>
                        <li class="main_menu_s_text"><a href="in_04_contact"
                            style="background-color: #fff">오시는길</a></li>
                    </ul></li>


                <!-- ------------------ 솔루션 개요  ------------------------  -->
                <li style="border: 0" class="main_menu_m_text"><a
                    href="${pageContext.request.contextPath}/so_01_health_01"> <i
                        class="menu2"></i>솔루션
                </a>
                    <ul class="nav">
                        <li class="main_menu_s_text"><a href="so_01_health_01"
                            style="background-color: #fff"><i class=""></i>건강검진 솔루션</a></li>
                        <li class="main_menu_s_text"><a href="so_02_time"
                            style="background-color: #fff"><i class=""></i>Time Manager</a></li>
                        <li class="main_menu_s_text"><a href="so_03_ac"
                            style="background-color: #fff"><i class=""></i>AC Manager</a></li>
                        <li class="main_menu_s_text"><a href="so_04_erp"
                            style="background-color: #fff"><i class=""></i>INO-ERP</a></li>
                        <li class="main_menu_s_text"><a href="so_05_dfs"
                            style="background-color: #fff"><i class=""></i>INO-DFS</a></li>
                        <li class="main_menu_s_text"><a href="so_06_spac_00"
                            style="background-color: #fff"><i class=""></i>SMARTPAC-ERP</a></li>
                        <li class="main_menu_s_text"><a href="so_07_mpms"
                            style="background-color: #fff"><i class=""></i>mPMS</a></li>
                        <li class="main_menu_s_text"><a href="so_08_farm"
                            style="background-color: #fff"><i class=""></i>Farm-plus</a></li>
                        <li class="main_menu_s_text"><a href="so_09_cms"
                            style="background-color: #fff"><i class=""></i>CMS</a></li>
                        <li class="main_menu_s_text"><a href="so_10_tms_01"
                            style="background-color: #fff"><i class=""></i>TMS</a></li>
                        <li class="main_menu_s_text"><a href="so_11_think"
                            style="background-color: #fff"><i class=""></i>Think wise</a></li>
                        <li class="main_menu_s_text"><a href="so_12_com"
                            style="background-color: #fff"><i class=""></i>똑똑컴</a></li>

                    </ul></li>

목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 2개

NJEAN
프로필 보기이 회원 글보기
 10년 전
라인맵이 있다면 ~.
라인맵의 현재위치와 네비게이션의 text를 매칭시켜.
네비게이션 해당 메뉴에 class를 주어(ex addClass('active');서
CSS로 변경합니다.

[code]
<ul class="nav" id="main-menu">
<li><a href="#">CEO인사말</a></li>
<li><a href="#">기업이념</a></li>
<li><a href="#">법인현황</a></li>
</ul>

<div id="linemap">
<a href="">홈</a> &gt;
<a href="">회사소개</a> &gt;
<strong>기업이념</strong>
</div>

<script>
var currentNavCheck = {
app : function(){
var nav = $('#main-menu');
var curText = $('#linemap strong').text();
nav.find('a:contains('+curText+')').addClass('active');
},
init : function(){
this.app();
}
};

(function(){
currentNavCheck.init();
})();
</script>
[/code]

http://njean.com/ex/curNavCheck.html

단 라인맵의 텍스트와 메뉴의 텍스트가 같아야 해요.
nanati
프로필 보기이 회원 글보기
 10년 전
http://sir.co.kr/qa/

게시글 목록

번호 제목
211
퍼블리셔 디자이너 지만 질문요 6
198
퍼블리셔 사랑합니다, 그누보드 DTD ... v//v 12
191
퍼블리셔 이것좀 찾아주시면 캄사요 ^^;;; 6
180
퍼블리셔 그누보드 vs 나의 퍼블리싱 10
177
퍼블리셔 예전에 ietoy 에 있던 기능인데. 2
169
퍼블리셔 이런 질문 드려도 될지 모르겠습니다만 7
160
퍼블리셔 즐겨찾기 모음 페이지 만들 때 <cite> 써도 될까요? 9
150
퍼블리셔 님들은 포커스 아웃라인 어떻게 처리하세요? 9
133
퍼블리셔 높이가 100%로 되게 하려면 어떻게 해야하나요? 16
119
퍼블리셔 이것도 퍼블리셔 쪽일지는 모르겠는데.. 문서 모드 관련이에요 14
104
퍼블리셔 j-query 사용은 올바른가? 14
87
퍼블리셔 서브메뉴가 있는 css메뉴 추천좀 해주세요.. 14
79
퍼블리셔 나는 퍼블리셔가 아닌데 퍼블리셔만큼 한다,못한다 7
71
퍼블리셔 우리 회사에는 퍼블리셔가 따로 있다? 7
65
퍼블리셔 퍼블리셔가 다뤄야 할 영역은? 5
53
퍼블리셔 신입 퍼블리셔 연봉은 얼마? 11
39
퍼블리셔 사이트를 제작하려고 합니다 13
34
퍼블리셔 사이트 제작해볼려구요 4
23
퍼블리셔 퍼블리셔탭은 인기가 없는거 같아요 10
16
퍼블리셔 이경우 어떻게 해야할까요?? 6
13
퍼블리셔 우왕..퍼블리셔도 생겼네요~ 2
12
퍼블리셔 이뻐요^^
8
퍼블리셔 저는 디자이너 이지만요.. 3
4
퍼블리셔 퍼블리셔 게시판 생겼단 말 듣고 달려왔습니다! 3
1
퍼블리셔 퍼블리셔라고 말하기는 참 미안하지만..... 2
이전
전체 목록