웹페이지 제작중인데 왼쪽 메뉴가 서브메뉴클릭해서 페이지가 넘어갈때 다음 페이지에서 누른 메뉴가 고정되어있게하고 싶은데..쿠키값이나 세션으로해야되나요...ㅠㅠ
<%@ 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개
라인맵의 현재위치와 네비게이션의 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> >
<a href="">회사소개</a> >
<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
단 라인맵의 텍스트와 메뉴의 텍스트가 같아야 해요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 8130 | 9년 전 | 517 | ||
| 8129 |
 Angelos |
9년 전 | 654 | |
| 8128 | 9년 전 | 521 | ||
| 8127 |
Angelos |
9년 전 | 576 | |
| 8126 | 9년 전 | 508 | ||
| 8125 | 9년 전 | 766 | ||
| 8124 |
Angelos |
9년 전 | 520 | |
| 8123 | 9년 전 | 504 | ||
| 8122 | 9년 전 | 437 | ||
| 8121 | 9년 전 | 538 | ||
| 8120 | 9년 전 | 467 | ||
| 8119 | 9년 전 | 549 | ||
| 8118 |
Angelos |
9년 전 | 632 | |
| 8117 |
 뜨거운형제들 |
9년 전 | 402 | |
| 8116 |
PASKRAN
|
9년 전 | 469 | |
| 8115 | 9년 전 | 460 | ||
| 8114 |
kiplayer
|
9년 전 | 598 | |
| 8113 | 9년 전 | 449 | ||
| 8112 |
Angelos |
9년 전 | 558 | |
| 8111 | 9년 전 | 410 | ||
| 8110 | 9년 전 | 445 | ||
| 8109 | 9년 전 | 372 | ||
| 8108 |
Angelos |
9년 전 | 543 | |
| 8107 |
Angelos |
9년 전 | 439 | |
| 8106 |
Angelos |
9년 전 | 439 | |
| 8105 | 9년 전 | 476 | ||
| 8104 |
Angelos |
9년 전 | 429 | |
| 8103 |
Angelos |
9년 전 | 432 | |
| 8102 |
Angelos |
9년 전 | 398 | |
| 8101 |
snshero
|
9년 전 | 785 | |
| 8100 | 9년 전 | 839 | ||
| 8099 | 9년 전 | 813 | ||
| 8098 | 9년 전 | 714 | ||
| 8097 | 9년 전 | 521 | ||
| 8096 | 9년 전 | 713 | ||
| 8095 | 9년 전 | 845 | ||
| 8094 | 9년 전 | 517 | ||
| 8093 | 9년 전 | 801 | ||
| 8092 | 9년 전 | 760 | ||
| 8091 | 9년 전 | 1145 | ||
| 8090 | 9년 전 | 767 | ||
| 8089 | 9년 전 | 978 | ||
| 8088 | 9년 전 | 646 | ||
| 8087 | 9년 전 | 766 | ||
| 8086 | 9년 전 | 524 | ||
| 8085 | 9년 전 | 487 | ||
| 8084 | 9년 전 | 609 | ||
| 8083 | 9년 전 | 582 | ||
| 8082 | 9년 전 | 755 | ||
| 8081 | 9년 전 | 472 | ||
| 8080 | 9년 전 | 572 | ||
| 8079 | 9년 전 | 523 | ||
| 8078 | 9년 전 | 453 | ||
| 8077 | 9년 전 | 533 | ||
| 8076 | 9년 전 | 409 | ||
| 8075 | 9년 전 | 444 | ||
| 8074 | 9년 전 | 401 | ||
| 8073 | 9년 전 | 453 | ||
| 8072 | 9년 전 | 448 | ||
| 8071 |
o1o111
|
9년 전 | 897 | |
| 8070 | 9년 전 | 403 | ||
| 8069 | 9년 전 | 340 | ||
| 8068 | 9년 전 | 591 | ||
| 8067 | 9년 전 | 391 | ||
| 8066 | 9년 전 | 428 | ||
| 8065 | 9년 전 | 382 | ||
| 8064 | 9년 전 | 369 | ||
| 8063 | 9년 전 | 340 | ||
| 8062 | 9년 전 | 312 | ||
| 8061 | 9년 전 | 352 | ||
| 8060 | 9년 전 | 393 | ||
| 8059 | 9년 전 | 327 | ||
| 8058 | 9년 전 | 257 | ||
| 8057 | 9년 전 | 386 | ||
| 8056 | 9년 전 | 311 | ||
| 8055 | 9년 전 | 354 | ||
| 8054 | 9년 전 | 365 | ||
| 8053 | 9년 전 | 416 | ||
| 8052 | 9년 전 | 294 | ||
| 8051 | 9년 전 | 335 | ||
| 8050 | 9년 전 | 394 | ||
| 8049 | 9년 전 | 323 | ||
| 8048 | 9년 전 | 437 | ||
| 8047 | 9년 전 | 360 | ||
| 8046 | 9년 전 | 309 | ||
| 8045 | 9년 전 | 260 | ||
| 8044 | 9년 전 | 347 | ||
| 8043 | 9년 전 | 294 | ||
| 8042 | 9년 전 | 296 | ||
| 8041 | 9년 전 | 353 | ||
| 8040 | 9년 전 | 275 | ||
| 8039 | 9년 전 | 321 | ||
| 8038 | 9년 전 | 271 | ||
| 8037 | 9년 전 | 409 | ||
| 8036 | 9년 전 | 485 | ||
| 8035 | 9년 전 | 436 | ||
| 8034 | 9년 전 | 393 | ||
| 8033 | 9년 전 | 352 | ||
| 8032 | 9년 전 | 444 | ||
| 8031 | 9년 전 | 354 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기