팝업기능, 타일즈 보완
This commit is contained in:
parent
7ab7de6b16
commit
c3bef24403
@ -196,5 +196,36 @@ public class InformController extends NlibCommonController {
|
||||
return "nlib/inform/selectNCultureLocationInfo";
|
||||
}
|
||||
|
||||
/**
|
||||
* 찾아오는길 조회한다.
|
||||
*
|
||||
* @param req
|
||||
* @param authentication
|
||||
* @param model
|
||||
* @return
|
||||
*/
|
||||
@RequestMapping("/inform/selectNCultureLocationInfoPopup.do")
|
||||
public String selectNCultureLocationInfoPopup(HttpServletRequest req, Authentication authentication, ModelMap model) {
|
||||
log.debug("selectNCultureLocationInfo : init");
|
||||
|
||||
//-------------------------------
|
||||
// REQ VO 구성
|
||||
//-------------------------------
|
||||
DataApiReqVO reqVO = new DataApiReqVO();
|
||||
reqVO.setAuthKey(createAuthKey(req, authentication));
|
||||
|
||||
// 요청
|
||||
DataApiResVO resVO = informService.selectNCultureLocationInfo(reqVO);
|
||||
|
||||
// 반환 정보
|
||||
model.addAttribute("informContent", resVO.getInfoItem("informContent"));
|
||||
model.addAttribute("zipcode", resVO.getInfoItem("zipcode"));
|
||||
model.addAttribute("addr1", resVO.getInfoItem("addr1"));
|
||||
model.addAttribute("addr2", resVO.getInfoItem("addr2"));
|
||||
model.addAttribute("tel", resVO.getInfoItem("tel"));
|
||||
model.addAttribute("fax", resVO.getInfoItem("fax"));
|
||||
|
||||
return "nlib/inform/selectNCultureLocationInfoPopup";
|
||||
}
|
||||
|
||||
}
|
||||
@ -36,7 +36,7 @@ public class XmlConverter {
|
||||
XMLEventReader eventReader = inputFactory.createXMLEventReader(bIn);
|
||||
|
||||
resMap = getElementValue("result", eventReader, null);
|
||||
log.debug("Converting XML to HashMap : Done >> " + resMap);
|
||||
//log.debug("Converting XML to HashMap : Done >> " + resMap);
|
||||
} catch (XMLStreamException e) {
|
||||
e.printStackTrace();
|
||||
} catch (Exception e) {
|
||||
|
||||
@ -209,7 +209,7 @@ public class DataApiTempXml implements DataApiInterface {
|
||||
|
||||
}
|
||||
|
||||
log.info("RESUTN XML STR : " + returnXmlStr);
|
||||
//log.info("RESUTN XML STR : " + returnXmlStr);
|
||||
return returnXmlStr;
|
||||
}
|
||||
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
|
||||
<script type="text/javaScript" language="javascript">
|
||||
|
||||
window.onload = function() {
|
||||
$( document ).ready(function() {
|
||||
//=======================================================
|
||||
// 그리드 생성 환경설정
|
||||
//=======================================================
|
||||
@ -128,7 +128,7 @@ window.onload = function() {
|
||||
//초기 자료 조회
|
||||
fn_search_article();
|
||||
|
||||
}; // window.onload
|
||||
}); // document ready
|
||||
|
||||
|
||||
// 선택한 게시글 상세 보기로 이동
|
||||
|
||||
@ -42,22 +42,32 @@
|
||||
|
||||
<h1>${pageTitle }</h1>
|
||||
|
||||
<a href="javascript:void(0);" onclick="openPopup('${pageContext.request.contextPath}/inform/selectNCultureLocationInfoPopup.do','_SPPOP',700, 600)">샘플팝업</a>
|
||||
|
||||
<br/>
|
||||
주소 : ${zipcode } ${addr1 } ${addr2 } <br />
|
||||
전화번호 : ${tel } <br />
|
||||
팩스번호 : ${fax } <br />
|
||||
|
||||
<br/>
|
||||
|
||||
<!-- 카카오맵 지도 : 이미지 방식 -->
|
||||
<div style="font: 12px AppleSDGothicNeo-Regular, dotum, sans-serif; letter-spacing: -1px; width: 640px; height: 392px; color: rgb(51, 51, 51); position: relative;">
|
||||
<div style="height: 360px;">
|
||||
<a href="https://map.kakao.com/?urlX=488368&urlY=1122104&itemId=8207584&q=%EA%B7%BC%EC%8B%A0%EB%B9%8C%EB%94%A9%20%EB%B3%B8%EA%B4%80&srcid=8207584&map_type=TYPE_MAP&from=roughmap" target="_blank"><img class="map" src="http://t1.daumcdn.net/roughmap/imgmap/cd2c856fde36adb381e3ad251ec754b834e3b8c31384e2850a98e16c16eac72d" width="638" height="358" style="border: 1px solid rgb(204, 204, 204);"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="informContent" name="informContent" style="width: 100%; border:1px solid gray;">
|
||||
${informContent }
|
||||
</div>
|
||||
|
||||
<script type="text/javaScript" language="javascript">
|
||||
window.onload = function() {
|
||||
|
||||
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -0,0 +1,69 @@
|
||||
<%
|
||||
/**
|
||||
* <pre>
|
||||
* @Class Name : selectNCultureLocationInfo.jsp
|
||||
*
|
||||
* @Description : 찾아오시는길 조회
|
||||
*
|
||||
*
|
||||
* @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
|
||||
*
|
||||
* </pre>
|
||||
*
|
||||
* @ ------------ -------- ---------------------------
|
||||
* @ 수정일 수정자 수정내용
|
||||
* @ ------------ -------- ---------------------------
|
||||
* @ 2021. 7. 27. KNKIM 최초 생성
|
||||
*
|
||||
*
|
||||
* @author 이씨플라자 * DIGITALSHIP KNKIM
|
||||
* @since 2021. 7. 27.
|
||||
* @version 1.0
|
||||
*
|
||||
*/
|
||||
%>
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
|
||||
|
||||
<c:set var="pageTitle">찾아오시는길 </c:set>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>${pageTitle}</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>${pageTitle }</h1>
|
||||
|
||||
주소 : ${zipcode } ${addr1 } ${addr2 } <br />
|
||||
전화번호 : ${tel } <br />
|
||||
팩스번호 : ${fax } <br />
|
||||
|
||||
<br/>
|
||||
|
||||
<!-- 카카오맵 지도 : 이미지 방식 -->
|
||||
<div style="font: 12px AppleSDGothicNeo-Regular, dotum, sans-serif; letter-spacing: -1px; width: 640px; height: 392px; color: rgb(51, 51, 51); position: relative;">
|
||||
<div style="height: 360px;">
|
||||
<a href="https://map.kakao.com/?urlX=488368&urlY=1122104&itemId=8207584&q=%EA%B7%BC%EC%8B%A0%EB%B9%8C%EB%94%A9%20%EB%B3%B8%EA%B4%80&srcid=8207584&map_type=TYPE_MAP&from=roughmap" target="_blank"><img class="map" src="http://t1.daumcdn.net/roughmap/imgmap/cd2c856fde36adb381e3ad251ec754b834e3b8c31384e2850a98e16c16eac72d" width="638" height="358" style="border: 1px solid rgb(204, 204, 204);"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javaScript" language="javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -2,5 +2,4 @@
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
한국문화원연합회 COPYRIGHT The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
@ -3,6 +3,4 @@
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
|
||||
|
||||
Header :
|
||||
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
|
||||
@ -1,4 +1,4 @@
|
||||
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<a href="#" onclick="window.close();">닫기</a>
|
||||
<a href="javascript:void(0);" onclick="window.close();" class="floatRight">닫기</a>
|
||||
@ -33,7 +33,9 @@
|
||||
</li>
|
||||
</ul>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
});
|
||||
|
||||
window.onload = function() {
|
||||
|
||||
};
|
||||
|
||||
</script>
|
||||
@ -9,14 +9,14 @@
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link href="<c:url value='/css/nlib.css' />" rel="stylesheet" type="text/css">
|
||||
<title>온라인 자료대출관리 (N-LIB)</title>
|
||||
<title>${pageTitle}</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="page-container">
|
||||
<div id="header"><tiles:insertAttribute name="header" /></div>
|
||||
<div id="menu"><tiles:insertAttribute name="menu" /></div>
|
||||
<div id="content-wrap"><tiles:insertAttribute name="main" /></div>
|
||||
<div id="footer"><tiles:insertAttribute name="footer" /></div>
|
||||
<div id="header-popup"><tiles:insertAttribute name="header" /></div>
|
||||
<div id="menu-popup"><tiles:insertAttribute name="menu" /></div>
|
||||
<div id="content-wrap-popup"><tiles:insertAttribute name="main" /></div>
|
||||
<div id="footer-popup"><tiles:insertAttribute name="footer" /></div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
@ -44,9 +44,12 @@
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
});
|
||||
|
||||
// 제목 설정
|
||||
$( document ).ready(function() {
|
||||
document.title = "[NLIB] " + $("#content-wrap").find("title").text();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -10,12 +10,23 @@
|
||||
<put-attribute name="menu" value="/WEB-INF/tiles/inc/menu.jsp" />
|
||||
<put-attribute name="footer" value="/WEB-INF/tiles/inc/footer.jsp" />
|
||||
</definition>
|
||||
|
||||
<definition name="popup" template="/WEB-INF/tiles/tiles-layout-popup.jsp">
|
||||
<put-attribute name="header" value="/WEB-INF/tiles/inc-popup/header.jsp" />
|
||||
<put-attribute name="menu" value="/WEB-INF/tiles/inc-popup/menu.jsp" />
|
||||
<put-attribute name="footer" value="/WEB-INF/tiles/inc-popup/footer.jsp" />
|
||||
<put-attribute name="header" value="/WEB-INF/tiles/inc-popup/header-popup.jsp" />
|
||||
<put-attribute name="menu" value="/WEB-INF/tiles/inc-popup/menu-popup.jsp" />
|
||||
<put-attribute name="footer" value="/WEB-INF/tiles/inc-popup/footer-popup.jsp" />
|
||||
</definition>
|
||||
|
||||
|
||||
<definition name="*/*Popup" extends="popup">
|
||||
<put-attribute name="main" value="/WEB-INF/jsp/{1}/{2}Popup.jsp" />
|
||||
</definition>
|
||||
|
||||
<definition name="*/*/*Popup" extends="popup">
|
||||
<put-attribute name="main" value="/WEB-INF/jsp/{1}/{2}/{3}Popup.jsp" />
|
||||
</definition>
|
||||
|
||||
|
||||
<definition name="*" extends="template">
|
||||
<put-attribute name="main" value="/WEB-INF/jsp/{1}.jsp" />
|
||||
</definition>
|
||||
@ -31,10 +42,5 @@
|
||||
<definition name="*/*/*/*" extends="template">
|
||||
<put-attribute name="main" value="/WEB-INF/jsp/{1}/{2}/{3}/{4}.jsp" />
|
||||
</definition>
|
||||
<definition name="*/*Popup" extends="popup">
|
||||
<put-attribute name="main" value="/WEB-INF/jsp/{1}/{2}*Popup.jsp" />
|
||||
</definition>
|
||||
<definition name="*/*/*Popup" extends="popup">
|
||||
<put-attribute name="main" value="/WEB-INF/jsp/{1}/{2}/{3}*Popup.jsp" />
|
||||
</definition>
|
||||
|
||||
</tiles-definitions>
|
||||
|
||||
@ -157,3 +157,48 @@ button {
|
||||
.table_content table, th, td {
|
||||
border: 1px solid #444444;
|
||||
}
|
||||
|
||||
|
||||
.floatRight{
|
||||
float: right;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
#header-popup {
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
#menu-popup {
|
||||
width: 100%;
|
||||
height: 60px; /* Footer height */
|
||||
position: fixed;
|
||||
top:0px;
|
||||
font-weight:bold;
|
||||
background: #278100;
|
||||
padding: 20px;
|
||||
z-index: 10000;
|
||||
font: 16px "Noto Sans KR", sans-serif;
|
||||
}
|
||||
|
||||
#content-wrap-popup {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
top:60px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
|
||||
#content-wrap-popup h1 {
|
||||
position: fixed;
|
||||
top:5px;
|
||||
z-index: 10001;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#footer-popup {
|
||||
width: 100%;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
@ -41,3 +41,8 @@ function fn_getIntValue(name, defaultValue) {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function openPopup(url, popName, width, height) {
|
||||
var options = "top=10, left=10, width=" + (width?width:600) + ", height=" + (height?height:600) + ", status=no, menubar=no, toolbar=yes, resizable=no";
|
||||
window.open(url, popName, options);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user