팝업기능, 타일즈 보완

src/main/java/nlib/info/web/InformController.java

@@ -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";
+	}
 
 }

src/main/java/nlib/restful/service/XmlConverter.java

@@ -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) {

src/main/java/nlib/restful/service/impl/DataApiTempXml.java

@@ -209,7 +209,7 @@ public class DataApiTempXml implements DataApiInterface {
 				
 			}
 			
-			log.info("RESUTN XML STR : " + returnXmlStr);
+			//log.info("RESUTN XML STR : " + returnXmlStr);
 			return returnXmlStr;
 	}
 

src/main/webapp/WEB-INF/jsp/nlib/board/listQnAs.jsp

@@ -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
 
 
 // 선택한 게시글 상세 보기로 이동

src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp

@@ -42,22 +42,32 @@
 
 <h1>${pageTitle }</h1>
 
+<a href="javascript:void(0);" onclick="openPopup('${pageContext.request.contextPath}/inform/selectNCultureLocationInfoPopup.do','_SPPOP',700, 600)">샘플팝업</a>
+
+&nbsp;<br/>
 주소 : ${zipcode } ${addr1 } ${addr2 } <br />
 전화번호 : ${tel } <br />
 팩스번호 : ${fax } <br />
 
 &nbsp;<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&amp;urlY=1122104&amp;itemId=8207584&amp;q=%EA%B7%BC%EC%8B%A0%EB%B9%8C%EB%94%A9%20%EB%B3%B8%EA%B4%80&amp;srcid=8207584&amp;map_type=TYPE_MAP&amp;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>
 
+
+&nbsp;<br/>
+
 </body>
 </html>

src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfoPopup.jsp

@@ -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 />
+
+&nbsp;<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&amp;urlY=1122104&amp;itemId=8207584&amp;q=%EA%B7%BC%EC%8B%A0%EB%B9%8C%EB%94%A9%20%EB%B3%B8%EA%B4%80&amp;srcid=8207584&amp;map_type=TYPE_MAP&amp;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>

src/main/webapp/WEB-INF/tiles/inc-popup/footer-popup.jsp

@@ -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"%>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-한국문화원연합회 &nbsp;&nbsp; COPYRIGHT The Federation of Korea Culture Center. ALL RIGHT RESERVED.

src/main/webapp/WEB-INF/tiles/inc-popup/header-popup.jsp

@@ -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"%>
+<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
-
-Header : 

src/main/webapp/WEB-INF/tiles/inc-popup/menu-popup.jsp

@@ -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>

src/main/webapp/WEB-INF/tiles/inc/header.jsp

@@ -33,7 +33,9 @@
      </li>
 </ul>
 <script type="text/javascript">
-    $(function() {
+
-          
+window.onload = function() {
-    });    
+	
+};
+
 </script>

src/main/webapp/WEB-INF/tiles/tiles-layout-popup.jsp

@@ -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="header-popup"><tiles:insertAttribute name="header" /></div>
-   <div id="menu"><tiles:insertAttribute name="menu" /></div>
+<div id="menu-popup"><tiles:insertAttribute name="menu" /></div>
-   <div id="content-wrap"><tiles:insertAttribute name="main" /></div>
+<div id="content-wrap-popup"><tiles:insertAttribute name="main" /></div>
-   <div id="footer"><tiles:insertAttribute name="footer" /></div>
+<div id="footer-popup"><tiles:insertAttribute name="footer" /></div>
 </div>
 
 <script type="text/javascript">

src/main/webapp/WEB-INF/tiles/tiles-layout.jsp

@@ -44,9 +44,12 @@
 </div>
 
 <script type="text/javascript">
-    $(function() {
+
-          
+// 제목 설정 
-    });    
+$( document ).ready(function() {
+    document.title = "[NLIB] " + $("#content-wrap").find("title").text();
+});
+
 </script>
 
 </body>

src/main/webapp/WEB-INF/tiles/tiles-layout.xml

@@ -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="header"    value="/WEB-INF/tiles/inc-popup/header-popup.jsp" />
-        <put-attribute name="menu"      value="/WEB-INF/tiles/inc-popup/menu.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.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>

src/main/webapp/css/nlib.css

@@ -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;
+}

src/main/webapp/js/nlib.js

@@ -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);
+}