geoinfo_admin/src/main/webapp/WEB-INF/views/admins/constructionProjectManagement/left.jsp

95 lines
3.2 KiB
Plaintext

<%@ 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="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fn" uri = "http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="${pageContext.request.contextPath}/js/admins/common.js"></script>
<script>
window.onload = function() {
// 페이지 로딩 후 실행될 코드
const activeEle = document.getElementById('${pId}');
if( activeEle ) {
activeEle.classList.add('active');
const menuItemEle = findClosestMenuItem(activeEle, 'menu-item');
if( menuItemEle ) {
menuItemEle.classList.add('active');
}
}
};
//상위 element에서 특정 class를 갖는 element를 검색한다.
function findClosestMenuItem(element, className) {
let currentElement = element.parentElement; // 현재 element의 부모 element부터 시작
while (currentElement) {
if (currentElement.classList.contains(className)) {
return currentElement; // 'menu-item' 클래스를 찾으면 해당 element 반환
}
currentElement = currentElement.parentElement; // 상위 element로 이동
}
return null; // 'menu-item' 클래스를 가진 element를 찾지 못하면 null 반환
}
function onClickSubMenuItem(e) {
// 클릭된 요소 가져오기
const clickedElement = e.target;
// data-url 속성 값 가져오기
const dataUrl = clickedElement.dataset.url;
goUrl(dataUrl, '${menuId}');
}
</script>
<link rel="stylesheet" HREF="${pageContext.request.contextPath}/css/admins/style.css" type="text/css">
<style type="text/css">
<!--
body
{
background-image: url(${pageContext.request.contextPath}/images/admins/left_bak.jpg);
margin-left:0;
margin-top:0;
margin-right:0;
margin-bottom:0;
}
img { border:0; }
-->
</style>
</head>
<body>
<table width="244" border="0" cellpadding="0" cellspacing="0" >
<!-- <tr height=10><td colspan="3"><img src="/admins/img/left_top_border.gif"></td></tr>
<tr height=30><td colspan="3"><img src="/admins/img/user/left_title.gif"></td></tr>-->
<tr>
<td width="244" height="668" valign="top" background="${pageContext.request.contextPath}/images/admins/left_bak.jpg">
<table>
<tr>
<td><img src="${pageContext.request.contextPath}/images/admins/constructionProjectManagement/1_tit_01.gif" width="244" height="62" /></td>
</tr>
<tr>
<td>
<div class="menu-item active">
<span style="cursor:hand" onClick="javascript:goUrl('construction-project-statistics-index', '${menuId}')"><img src="${pageContext.request.contextPath}/images/renew/arrow-right.png" /> &nbsp;건설현장 통계</span>
</div>
<div class="menu-item">
<span style="cursor:hand" onClick="javascript:goUrl('construction-project-statistics-index', '${menuId}')"><img src="${pageContext.request.contextPath}/images/renew/arrow-right.png" /> &nbsp;발주기관 계정</span>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- <tr><td colspan="3">&nbsp;</td></tr>
<tr height=177><td colspan="3"><img src="/admins/img/left_logo.gif"></td></tr> -->
</table>
</body>
</html>