웹페이지 제작중인데 왼쪽 메뉴가 서브메뉴클릭해서 페이지가 넘어갈때 다음 페이지에서 누른 메뉴가 고정되어있게하고 싶은데..쿠키값이나 세션으로해야되나요...ㅠㅠ
<%@ 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
단 라인맵의 텍스트와 메뉴의 텍스트가 같아야 해요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 330 |
prosper
|
20년 전 | 2285 | |
| 329 |
prosper
|
20년 전 | 1914 | |
| 328 |
prosper
|
20년 전 | 1707 | |
| 327 | 20년 전 | 3774 | ||
| 326 | 20년 전 | 4860 | ||
| 325 |
hwatta
|
20년 전 | 2486 | |
| 324 |
 hanpedro |
20년 전 | 3148 | |
| 323 | 20년 전 | 5869 | ||
| 322 |
hwatta
|
20년 전 | 2855 | |
| 321 |
hwatta
|
20년 전 | 2326 | |
| 320 |
yesmoa
|
20년 전 | 4578 | |
| 319 | 20년 전 | 2692 | ||
| 318 | 20년 전 | 2243 | ||
| 317 |
kyodon
|
20년 전 | 2764 | |
| 316 | 20년 전 | 2587 | ||
| 315 |
hanpedro |
20년 전 | 2887 | |
| 314 |
hanpedro |
20년 전 | 3345 | |
| 313 |
 damoa.biz |
20년 전 | 2650 | |
| 312 |
yesmoa
|
20년 전 | 4725 | |
| 311 | 20년 전 | 3281 | ||
| 310 |
홀로남은자
|
20년 전 | 4570 | |
| 309 | 20년 전 | 3010 | ||
| 308 | 20년 전 | 4141 | ||
| 307 | 20년 전 | 4377 | ||
| 306 | 20년 전 | 7039 | ||
| 305 | 20년 전 | 3872 | ||
| 304 | 20년 전 | 2774 | ||
| 303 |
크리스탈처럼
|
20년 전 | 4409 | |
| 302 | 20년 전 | 2210 | ||
| 301 |
 수다쟁이오도리씨 |
20년 전 | 4328 | |
| 300 | 20년 전 | 3813 | ||
| 299 | 20년 전 | 2623 | ||
| 298 | 20년 전 | 4835 | ||
| 297 |
 bbking |
20년 전 | 2531 | |
| 296 | 20년 전 | 4536 | ||
| 295 | 20년 전 | 3573 | ||
| 294 | 20년 전 | 3596 | ||
| 293 | 20년 전 | 3821 | ||
| 292 | 20년 전 | 3215 | ||
| 291 |
yesmoa
|
20년 전 | 5945 | |
| 290 | 20년 전 | 2942 | ||
| 289 | 20년 전 | 5865 | ||
| 288 |
bbking |
20년 전 | 2383 | |
| 287 |
bbking |
20년 전 | 1814 | |
| 286 |
bbking |
20년 전 | 2152 | |
| 285 |
bbking |
20년 전 | 3545 | |
| 284 |
bbking |
20년 전 | 2039 | |
| 283 |
bbking |
20년 전 | 4405 | |
| 282 | 20년 전 | 3383 | ||
| 281 |
bbking |
20년 전 | 2216 | |
| 280 |
bbking |
20년 전 | 7812 | |
| 279 | 20년 전 | 5562 | ||
| 278 | 20년 전 | 2999 | ||
| 277 |
hanpedro |
20년 전 | 5574 | |
| 276 | 20년 전 | 2363 | ||
| 275 | 20년 전 | 2614 | ||
| 274 | 20년 전 | 2398 | ||
| 273 | 20년 전 | 2230 | ||
| 272 | 20년 전 | 2157 | ||
| 271 | 20년 전 | 2615 | ||
| 270 | 20년 전 | 2646 | ||
| 269 | 20년 전 | 2491 | ||
| 268 | 20년 전 | 2694 | ||
| 267 | 20년 전 | 2381 | ||
| 266 | 20년 전 | 2570 | ||
| 265 | 20년 전 | 3516 | ||
| 264 |
bbking |
20년 전 | 5376 | |
| 263 |
hanpedro |
20년 전 | 3736 | |
| 262 | 20년 전 | 3197 | ||
| 261 |
허저비
|
20년 전 | 5943 | |
| 260 |
bbking |
20년 전 | 5722 | |
| 259 | 20년 전 | 4147 | ||
| 258 | 20년 전 | 2381 | ||
| 257 | 20년 전 | 3200 | ||
| 256 | 20년 전 | 1914 | ||
| 255 | 20년 전 | 1584 | ||
| 254 | 20년 전 | 3156 | ||
| 253 | 20년 전 | 3550 | ||
| 252 | 20년 전 | 5131 | ||
| 251 | 20년 전 | 5825 | ||
| 250 | 20년 전 | 3682 | ||
| 249 | 20년 전 | 5028 | ||
| 248 | 20년 전 | 3296 | ||
| 247 | 20년 전 | 3654 | ||
| 246 |
bbking |
20년 전 | 7965 | |
| 245 |
bbking |
20년 전 | 5925 | |
| 244 | 20년 전 | 4498 | ||
| 243 |
hanpedro |
20년 전 | 4072 | |
| 242 | 20년 전 | 2798 | ||
| 241 | 20년 전 | 2745 | ||
| 240 | 20년 전 | 2383 | ||
| 239 | 20년 전 | 1673 | ||
| 238 |
아우겐나이스
|
20년 전 | 2283 | |
| 237 |
email
|
20년 전 | 3695 | |
| 236 | 20년 전 | 4173 | ||
| 235 | 20년 전 | 10474 | ||
| 234 | 20년 전 | 5082 | ||
| 233 | 20년 전 | 3385 | ||
| 232 | 20년 전 | 3225 | ||
| 231 | 20년 전 | 3861 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기