CINXE.COM
용인자연휴양림 - 공지사항 |
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>용인자연휴양림 - 공지사항 | </title> <script type="text/javascript"> var browerCheck=""; var _no_click_msg = "\n\n※ 모바일 이용시 일부 브라우저에서 차단 버튼이 나올수 있습니다 클릭하지 마세요"; function getIEVersion() { var word; var agent = navigator.userAgent.toLowerCase(); if(navigator.appName == "Microsoft Internet Explorer"){ // IE old version ( IE 10 or Lower ) word = "msie "; }else if(agent.search("trident") > -1){ // IE 11 word = "trident/.*rv:"; }else if(agent.search("edge/") > -1){ // Microsoft Edge word = "edge/"; }else{ // 그외, IE가 아니라면 ( If it's not IE or Edge ) return -1; } var reg = new RegExp(word + "([0-9]{1,})(\\.{0,}[0-9]{0,1})"); if (reg.exec( agent ) != null) { return parseFloat( RegExp.$1 + RegExp.$2 ); } return -1; } function checkVersion() { var versionIE = getIEVersion(); if(versionIE != -1 && versionIE < 9) { //alert('현재 인터넷 익스플로러 버전이 8이하 입니다.'); location.href="/ie_upgrade.jsp"; } } checkVersion(); </script> <link rel="stylesheet" href="/indvz/001/css/sprite.css?t_=20250222_0241"> <link rel="stylesheet" href="/indvz/001/css/font.css?t_=20250222_0241"> <link rel="stylesheet" href="/indvz/001/css/layout.css?t_=20250222_0241"> <link rel="stylesheet" href="/indvz/001/css/main.css?t_=20250222_0241"> <link rel="stylesheet" href="/indvz/001/css/jquery-ui.min.css"> <link rel="stylesheet" href="/portal/css/common.css?t_=20250222_0241"> <link rel="stylesheet" href="/portal/css/content.css?t_=20250222_0241"> <link rel="stylesheet" href="/portal/css/board.css?t_=20250222_0241"> <link rel="stylesheet" href="/portal/css/search.css?t_=20250222_0241"> <link rel="stylesheet" href="/portal/css/table.css?t_=20250222_0241"> <script src="/indvz/001/js/jquery-1.12.4.min.js"></script> <script src="/indvz/001/js/jquery-ui.min.js"></script> <link rel="stylesheet" href="/indvz/001/js/mCustomScrollbar/jquery.mCustomScrollbar.css"> <script src="/indvz/001/js/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script> <link rel="stylesheet" type="text/css" href="/indvz/001/js/pgwslideshow/pgwslideshow.min.css"> <link rel="stylesheet" type="text/css" href="/indvz/001/js/pgwslideshow/pgwslideshow_light.min.css"> <script src="/js/josa.js?t_=20250222_0241"></script> <script src="/js/validation.js?t_=20250222_0241"></script> <script src="/js/parameter.js?t_=20250222_0241"></script> <script src="/indvz/001/js/common-popup.js?t_=20250222_0241"></script> <script src="/js/netfunnel.js?t_=20250222_0241"></script> <script src="/portal/js/cookie.js?t_=20250222_0241"></script> <script type="text/javascript" src="/portal/js/wl6.js?t_=20250222_0241"></script> <!--[if lt IE 10]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <script src="/portal/js/html5shiv.min.js"></script> <link rel="stylesheet" href="/portal/css/ie9.css"> <![endif]--> <script> /* $(document).ready(function(){ var menuNmTitle = '공지사항'; if(menuNmTitle != '') { $('.container_title').text('공지사항'); } }); */ function fn_addIntrsRcrfr(insttId, insttNm) { if(!confirm("로그인 후 사용 가능한 기능입니다.\n로그인 화면으로 이동하시겠습니까?")) { return false; }else{ location.href="/com/login.do?targetUrl=/indvz/main.do?hmpgId=ID02030031"; return false; } var rtnInt = 0; $.ajax({ url:'/pot/mp/ir/insertIntrsRcrfr.do', type:'get', async:false, dataType:'json', data:{'insttId':insttId, 'insttNm':insttNm}, beforeSend: function (xhr) {xhr.setRequestHeader("X-Ajax-call", "true");}, //190422 ajax 필수 success:function(data){ if(data.successNo == 1) { //추가 성공 alert("선택하신 상품을 나의 관심 상품 목록에 추가했습니다."); }else if(data.successNo == -1) { //삭제 성공 alert("선택하신 상품을 나의 관심 상품 목록에서 삭제했습니다."); }else{ //추가 실패 alert("관심 시설 추가/삭제를 실패 했습니다.\n확인후 다시 시도하시기 바랍니다."); } rtnInt = data.successNo; }, error:function(err) { alert("관심 시설 추가/삭제를 실패 했습니다.\n확인후 다시 시도하시기 바랍니다."); } }); return rtnInt; } function fn_addIntrsGoods(insttId, goodsId) { if(!confirm("로그인 후 사용 가능한 기능입니다.\n로그인 화면으로 이동하시겠습니까?")) { return false; }else{ location.href="/com/login.do?targetUrl=/indvz/main.do?hmpgId=ID02030031"; return false; } var rtnInt = 0; $.ajax({ url:'/pot/mp/ir/insertIntrsGoods.do', type:'get', async:false, dataType:'json', data:{'insttId':insttId, 'goodsId':goodsId}, beforeSend: function (xhr) {xhr.setRequestHeader("X-Ajax-call", "true");}, //190422 ajax 필수 success:function(data){ if(data.successNo == 1) { //추가 성공 alert("선택하신 상품을 나의 관심 상품 목록에 추가했습니다."); }else if(data.successNo == -1) { //삭제 성공 alert("선택하신 상품을 나의 관심 상품 목록에 추가했습니다."); }else{ //추가 실패 alert("관심 상품 추가를 실패 했습니다.\n확인후 다시 시도하시기 바랍니다."); } rtnInt = data.successNo; }, error:function(err) { alert("관심 상품 추가를 실패 했습니다.\n확인후 다시 시도하시기 바랍니다."); } }); return rtnInt; } function fn_addBndlGoods(insttId, goodsId, stdt, eddt, upperGoodsClsscCd, notm) { if(!confirm("로그인 후 사용 가능한 기능입니다.\n로그인 화면으로 이동하시겠습니까?")) { return false; }else{ location.href="/com/login.do"; return false; } var rtnInt = 0; $.ajax({ url:'/pot/mp/ir/insertBndlGoods.do', type:'get', async:false, dataType:'json', data:{ 'insttId':insttId , 'goodsId':goodsId , 'useBgdt':stdt , 'useEddt':eddt , 'upperGoodsClsscCd':upperGoodsClsscCd , 'notm':notm }, beforeSend: function (xhr) {xhr.setRequestHeader("X-Ajax-call", "true");}, //190422 ajax 필수 success:function(data){ if(data == 99) { alert("당일예약이 불가능한 상품입니다."); } else if(data == 0) { alert("일괄 결제 목록에는 최대 5개까지만 등록 가능합니다."); } else if(data == 1) { alert("선택하신 상품을 일괄 결제 목록에 추가했습니다."); } else if(data == 2) { alert("이미 일괄 결제 목록에 포함된 상품입니다."); } else{ alert("일괄 결제 목록 추가를 실패 했습니다.\n확인후 다시 시도하시기 바랍니다."); } rtnInt = data; }, error:function(err) { alert("일괄 결제 목록 추가를 실패 했습니다.\n확인후 다시 시도하시기 바랍니다."); } }); return rtnInt; } </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E22WFNBEF7'); </script> </head> <body> <div id="skip"> <strong class="hide">반복영역 건너뛰기</strong> <a href="#gnb">주메뉴 바로가기</a> <a href="javascript:void(0);">보조메뉴 바로가기</a> <a href="javascript:void(0);">본문 바로가기</a> </div> <div id="header-top"> <div class="toggle-wrap"> <div class="toggle-head"> <div class="inner"> <img src="/intro/images/eg_ico.png" alt="전자정부"><span class="nuri-txt">이 누리집은 대한민국 공식 전자정부 누리집입니다.</span> </div> </div> </div> </div> <div id="wrap"> <script> $(document).ready(function(){ var hmpgId = "ID02030031"; var sessionMenuId = "MBL" + "005001"; if(hmpgId != ""){ fn_treeView(hmpgId, sessionMenuId); fn_upperLink(hmpgId); } var browser = navigator.userAgent.toLowerCase(); if(browser.indexOf('chrome') != -1){ } }); function fn_waitCntAjax() { $.ajax({ url:'/com/selectWaitCntAjax.do', type:'get', async: false, dataType:'json', success:function(data){ var waitCnt = data.waitCnt; //alert(waitCnt); $("#waitCnt").text(waitCnt); $("#waitCnt").show(); }, error:function(err) { } }); } /****************************************************************** * desc : 사이트맵, GNB 트리뷰 구성 * writter : ygs ******************************************************************/ var menuList = ""; function fn_treeView(hmpgId, sessionMenuId){ var sessionTopMenuId = "GNB" + sessionMenuId.substring(3,6); $.ajax({ url:'/com/sub/selectMenuList.do?hmpgId=' + hmpgId, type:'get', async: false, // data:{"hmpgId":hmpgId}, dataType:'json', success:function(data){ menuList = data.menuList; var cnt = 0; //사이트맵 트리뷰 로드 menuList.forEach(function(item, idx) { var menuId = item.menuId; var menuNm = item.menuNm; var upperMenuId = item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = fn_nvl(item.menuUrl,""); var topMenuId = menuId.substr(0,3); var nwWndYn = item.nwWndYn; var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } var li = '<li id="'+ menuId +'"><a href="' + menuUrl + '" target="'+menuTarget+'">'+ menuNm +'</a></li>'; // 상단메뉴에 추가로 붙는 하위메뉴 li테그를 만들어준다 (a태그 href 이벤트시) if(topMenuId != "008"){ if(menuLvl == 1){ // 최상위 레벨은 기본으로 셋팅 if(cnt == 0){ // 첫번째 상단메뉴 case cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 $("#menuList").children("li").attr("id", menuId); // 최상위 부모의 li의 아이디 속성을 추가한다 $("#" + menuId).append("<div class='sitem_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div>"); // 최상단 메뉴를 추가한다. }else{ // 두번쨰 상단메뉴case 부터 cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 fn_lpad(cnt.toString(), 2, 0); // 클래스 lpad처리 $("#menuList").append("<li id='" + menuId + "'><div class='sitem_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div></li>"); // 최상단 메뉴를 추가한다. } }else{ var parentLi = $("li[id='"+ upperMenuId +"']"); var bUl = parentLi.find("ul"); if(bUl.length == 0){ // 하위 그룹이 없으면 li로 추가 li = "<ul>" + li + "</ul>"; parentLi.append(li); }else{ // 하위 그룹이 있으면 ul로 추가 bUl.length = 1; bUl.append(li); } } } }); cnt = 0; // GNB트리뷰를 그리기위한 cnt 초기화 //GNB 트리뷰 로드 menuList.forEach(function(item, idx) { var menuId = "GNB" + item.menuId; var menuNm = item.menuNm; var upperMenuId = "GNB" + item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = fn_nvl(item.menuUrl,""); var topMenuId = menuId.substr(0,6); var nwWndYn = item.nwWndYn; var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } var li = '<li id="'+ menuId +'"><a href="' + menuUrl + '" target="'+menuTarget+'">'+ menuNm +'</a></li>'; // 상단메뉴에 추가로 붙는 하위메뉴 li테그를 만들어준다 (a태그 href 이벤트시) if(topMenuId == "GNB001" || topMenuId == "GNB002" || topMenuId == "GNB003" || topMenuId == "GNB004" || topMenuId == "GNB005"){ if(menuLvl == 1){ // 최상위 레벨은 기본으로 셋팅 if(cnt == 0){ // 첫번째 상단메뉴 case cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 $("#gnbList").children("li").attr("id", menuId); // 최상위 부모의 li의 아이디 속성을 추가한다 if(sessionTopMenuId == topMenuId){ $("#" + menuId).append("<a class='depth_1' href='#'>" + menuNm + "<span class='over' style='display:inline-block;'></a><div class='gnbSubM'><div class='layout'><div id='SUB" + menuId + "'" + "class='gnbSub'><div class='gnbS_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div></div></div></div>"); // 최상단 메뉴를 추가한다. }else{ $("#" + menuId).append("<a class='depth_1' href='#'>" + menuNm + "</a><div class='gnbSubM'><div class='layout'><div id='SUB" + menuId + "'" + "class='gnbSub'><div class='gnbS_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div></div></div></div>"); // 최상단 메뉴를 추가한다. } }else{ // 두번쨰 상단메뉴case 부터 cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 fn_lpad(cnt.toString(), 2, 0); // 클래스 lpad처리 if(sessionTopMenuId == topMenuId){ $("#gnbList").append("<li id=" + menuId + "><a class='depth_1' href='#'>" + menuNm + "<span class='over' style='display:inline-block;'></a><div class='gnbSubM'><div class='layout'><div id='SUB" + menuId + "'" + "class='gnbSub'><div class='gnbS_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div></div></div></div></li>"); // 최상단 메뉴를 추가한다. }else{ $("#gnbList").append("<li id=" + menuId + "><a class='depth_1' href='#'>" + menuNm + "</a><div class='gnbSubM'><div class='layout'><div id='SUB" + menuId + "'" + "class='gnbSub'><div class='gnbS_tit t" + fn_lpad(cnt.toString(), 2, 0) + "'>" + "<strong>" + menuNm + "</strong></div></div></div></div></li>"); // 최상단 메뉴를 추가한다. } } }else{ var parentLi = ""; if(menuLvl == 2){ // 2레벨의 하위메뉴를 APPEND 하기위한 상위메뉴 셀렉터 parentLi = $("div[id='"+ "SUB" + upperMenuId +"']"); }else if(menuLvl >= 3){ // 3레벨 이상의 하위메뉴를 APPEND 하기위한 상위메뉴 셀렉터 parentLi = $("li[id='" + upperMenuId +"']"); }; var bUl = parentLi.find("ul"); // 해당변수의 UL태그를 찾는다. if(bUl.length == 0){ // UL태그가 없을 시에는 UL태그를 덫붙혀 하위메뉴 APPEND li = "<ul>" + li + "</ul>"; parentLi.append(li); }else{ // UL태그가 있을 시에는 하위메뉴 APPEND bUl.length = 1; bUl.append(li); } } } }); cnt = 0; // 모바일뷰를 그리기위한 cnt 초기화 //모바일 로드 menuList.forEach(function(item, idx) { var menuId = "MBL" + item.menuId; var menuNm = item.menuNm; var upperMenuId = "MBL" + item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = fn_nvl(item.menuUrl, ""); var nwWndYn = item.nwWndYn; var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } var li = '<li id="'+ menuId +'"><a href="' + menuUrl + '" target="'+menuTarget+'">' + menuNm + '</a></li>'; // 상단메뉴에 추가로 붙는 하위메뉴 li테그를 만들어준다 (a태그 href 이벤트시) if (menuLvl == 1) { // 최상위 레벨은 기본으로 셋팅 if (cnt == 0) { // 첫번째 상단메뉴 case cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 $("#mobileList").children("li").attr("id", menuId); // 최상위 부모의 li의 아이디 속성을 추가한다 $("#" + menuId).append('<a href="#">' + menuNm + '</a>'); // 최상단 메뉴를 추가한다. } else { // 두번쨰 상단메뉴case 부터 cnt = Number(cnt) + 1; // 최상단 append 될때마다 div클레스 숫자를 증가시킨다 fn_lpad(cnt.toString(), 2, 0); // 클래스 lpad처리 $("#mobileList").append('<li id="' + menuId + '"><a href="#">' + menuNm + '</a></li>'); // 최상단 메뉴를 추가한다. } } else { var parentLi = $("li[id='" + upperMenuId + "']"); var bUl = parentLi.find("ul"); if (bUl.length == 0) { // 하위 그룹이 없으면 li로 추가 li = "<ul>" + li + "</ul>"; parentLi.append(li); } else { // 하위 그룹이 있으면 ul로 추가 bUl.length = 1; bUl.append(li); } } if(sessionMenuId == menuId){ // 2 또는 3뎁스 메뉴의 a태그에 class="on"을 주면 메뉴를 열때 해당 뎁스의 메뉴가 열려진 상태로 메뉴가 표시. $("#" + menuId).children("a").attr("class","on"); } }); }, error:function(err) { } }); fn_ccMenu(); fn_myMenu(); } function fn_ccMenu() { menuHtml = ""; beforeLvl = 0; //GNB 트리뷰 로드 menuList.forEach(function(item, idx) { var menuId = item.menuId; var menuNm = item.menuNm; var upperMenuId = item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = item.menuUrl; var nwWndYn = item.nwWndYn; var topMenuId = menuId.substr(0,3); var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } if(menuLvl >= 2 && menuLvl <= 3) { if(topMenuId == "007"){ // 고객센터 메뉴 if(menuLvl == 2) { if(beforeLvl == 0) { menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; }else if(beforeLvl == 2) { menuHtml += ' </a>'; menuHtml += '</li>'; menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; }else if(beforeLvl == 3) { menuHtml += ' </ul>'; menuHtml += '</li>'; menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; } }else if(menuLvl == 3) { if(beforeLvl == 2) { menuHtml += ' <span class="arr"></span></a>'; menuHtml += ' <ul>'; menuHtml += ' <li><a href="'+menuUrl+'" target="'+menuTarget+'">'+menuNm+'</a></li>'; }else if(beforeLvl == 3) { menuHtml += ' <li><a href="'+menuUrl+'" target="'+menuTarget+'">'+menuNm+'</a></li>'; } } beforeLvl = menuLvl; } } }); if(beforeLvl == 2) { menuHtml += ' </a>'; menuHtml += '</li>'; }else if(beforeLvl == 3) { menuHtml += ' </ul>'; menuHtml += '</li>'; } //alert(menuHtml); $('#cc_list').append(menuHtml); } function fn_myMenu() { menuHtml = ""; beforeLvl = 0; //GNB 트리뷰 로드 menuList.forEach(function(item, idx) { var menuId = item.menuId; var menuNm = item.menuNm; var upperMenuId = item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = item.menuUrl; var nwWndYn = item.nwWndYn; var topMenuId = menuId.substr(0,3); var menuTarget = "_self"; if(nwWndYn == "Y") { menuTarget = "_blank"; } if(menuLvl >= 2 && menuLvl <= 3) { if(topMenuId == "006"){ // 고객센터 메뉴 if(menuLvl == 2) { if(beforeLvl == 0) { menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; }else if(beforeLvl == 2) { menuHtml += ' </a>'; menuHtml += '</li>'; menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; }else if(beforeLvl == 3) { menuHtml += ' </ul>'; menuHtml += '</li>'; menuHtml += '<li>'; menuHtml += ' <a href="'+menuUrl+'" target="'+menuTarget+'">'; menuHtml += ' '+menuNm+''; } }else if(menuLvl == 3) { if(beforeLvl == 2) { menuHtml += ' <span class="arr"></span></a>'; menuHtml += ' <ul>'; menuHtml += ' <li><a href="'+menuUrl+'" target="'+menuTarget+'">'+menuNm+'</a></li>'; }else if(beforeLvl == 3) { menuHtml += ' <li><a href="'+menuUrl+'" target="'+menuTarget+'">'+menuNm+'</a></li>'; } } beforeLvl = menuLvl; } } }); if(beforeLvl == 2) { menuHtml += ' </a>'; menuHtml += '</li>'; }else if(beforeLvl == 3) { menuHtml += ' <ul>'; menuHtml += '</li>'; } //alert(menuHtml); $('#my_list').append(menuHtml); } /****************************************************************** * desc : 상단링크 구성 * writter : ygs ******************************************************************/ function fn_upperLink(hmpgId){ $.ajax({ url:'/com/sub/selectUpperLink.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', async: false, data:{"hmpgId":hmpgId}, dataType:'json', success:function(data){ var linkCnt = data.linkCnt; var linkList = data.linkList; var cnt = 1; // 상단리크 메뉴 생성 if (linkCnt > 0) { for (i = 1; i <= linkCnt; i++) { $("#upperLinkDiv").append('<div id="upperLink' + i + '" class="item"></div>'); for (j = cnt; j <= i * 4; j++) { if (linkList[j - 1] != undefined) { var varTarget = "_self"; if(linkList[j-1].nwWndYn == "Y") { varTarget = "_blank"; } if(linkList[j-1].linkTpcd == "I"){ $("#upperLink" + i).append('<a href="'+ linkList[j-1].linkUrl + '" target="'+varTarget+'">' + '<img src="https://image.foresttrip.go.kr' + linkList[j-1].attchFileRltvCrse + '"' + 'alt=' + '"' + linkList[j-1].linkNm + '"' + '/>' +'</a>'); }else{ $("#upperLink" + i).append('<a href="'+ linkList[j-1].linkUrl + '" target="'+varTarget+'">' + linkList[j-1].linkNm + '</a>'); } cnt = cnt + 1; } } } }else{ $("#upperLinkDiv").prev().hide(); } // 페이지 버튼 생성 var param = '.util_slide', btn = '.slide', obj = '.item', auto = false, f = 300, s = 5000, p = { use : true, path : '.slide_count', type : 1 }, h = false, size = 3; popzone(param, btn, obj, auto, f, s, p, h, size, linkCnt); }, error:function(err) { } }); } /****************************************************************** * desc : 문자열에 자릿수 만큼 설정한 문자로 채워준다 (LPAD 기능) * writter : ygs * sample : fn_lpad("1", 2, 0); -> return "01" ******************************************************************/ function fn_lpad(s, padLength, padString){ while(s.length < padLength) s = padString + s; return s; } /****************************************************************** * desc : 문자열이 빈 문자열인지 체크하여 기본 문자열로 리턴한다(NVL 기능) * writter : ygs * sample : nvl(null, ""); ******************************************************************/ function fn_nvl(str, defaultStr){ if(typeof str == "undefined" || str == null || str == "") str = defaultStr; return str ; } /****************************************************************** * desc : 해당페이지로 return 해준다. * writter : ygs * sample : fn_link("AAAA", "/pot/rm/ri/selectUsNoteListView.do") ******************************************************************/ function fn_link(menuId, menuUrl){ alert(menuId + ":" + menuUrl); } function fn_memberAlter(){ alert("회원가입은 pc에서 진행하여 주십시오."); } </script> <div id="header"> <div class="ht_util"> <form name="logoutForm" method="post" action="/com/logout" target="_parent"> <div class="util_slide"> <a class="util_home" href="https://www.foresttrip.go.kr" target="_blank"> <span class="sprity-head sprity-head-ht_util_home"></span> <span>숲나들e</span> </a> <div class="slide"> <a href="javascript:void(0);" class="prev" data-type="prev"><span class="hide">이전 슬라이드</span></a> <a href="javascript:void(0);" class="next" data-type="next"><span class="hide">다음 슬라이드</span></a> <span class="slide_count"></span> </div> <div id="upperLinkDiv" class="obj"></div> </div> <div class="util_group"> <a href="/com/login.do?hmpgId=ID02030031&targetUrl=/indvz/main.do?hmpgId=ID02030031"><img src="/portal/images/layout/ut_top_login.png" alt=""> 로그인</a> <a href="/pot/mc/ms/insertStplatAgreeView.do?hmpgId=ID02030031"><img src="/portal/images/layout/ut_top_entry.png" alt=""> 회원가입</a> <a href="javascript:void(0);)" class="share"><img src="/portal/images/layout/ut_top_center.png" alt=""> 고객센터</a> <div class="myPage share_2"> <strong class="myPageTi"><img src="/portal/images/layout/ut_top_tel.png" alt="">고객센터</strong> <ul class="my_list" id="cc_list"> </ul> <button class="close_box"><span class="hide">닫기</span></button> </div> </div> </form> </div> <h1 class="logo"> <a href="/indvz/main.do?hmpgId=ID02030031"> <img src="https://image.foresttrip.go.kr/frip/6f6545ed-aec0-48b5-8918-695b8e89ea2f.png" alt="용인자연휴양림"> </a> </h1> <div class="hr_util"> <a href="javascript:void(0);" class="totSch_btn" style="display: none"><img src="/portal/images/layout/fs_util_search.png" alt="통합검색"></a> <div class="myPageWrap"> <a href="javascript:void(0);" class="myCont_btn"> <img src="/portal/images/layout/fs_util_my.png" alt="나의 컨텐츠"></a> <div class="myPage my_menu"> <strong class="myPageTi"><img src="/portal/images/layout/ut_top_my.png" alt="마이페이지 이미지">마이페이지</strong> <ul class="my_list" id="my_list"> </ul> <button class="close_box"> <span class="hide">닫기</span> </button> </div> </div> <a href="#" class="sitemap_btn"><img src="/portal/images/layout/fs_util_sitemap.png" alt="사이트맵"></a> <a href="#" class="mMenu_btn"><img src="/portal/images/layout/hr_util_icon_03.png" alt="모바일메뉴"></a> </div> <!-- 사이트맵 : s --> <div id="siteMap"> <div class="layout"> <ul id="menuList" class="sitemap_list"> <li></li> </ul> <button type="button" class="sitemap_close">사이트맵 닫기</button> </div> </div> <!-- 사이트맵 : e --> <!-- 통합검색 : s --> <div class="general_search"> <div class="layout"> <script> /* function fn_gnrlSrch() { var form = document.gnrlSrch; form.action = "/pot/is/gs/selectGnrlSrchView.do"; form.target = "_self"; form.method = "get"; form.submit(); } */ </script> <form id="gnrlSrch" name="gnrlSrch" method="get"> <input type="hidden" name="hmpgId" value="ID02030031"> <div class="input"> <label id="srchWordLbl" for="genaralSearchInput">검색어를 입력하세요.</label> <input type="text" id="genaralSearchInput" name="srchWord" value=""> <button type="submit" onClick="fn_gnrlSrch(); return false;"><img src="/portal/images/layout/gsearch_btn.png" alt="검색"></button> </div> <div class="gsearch_keyowrd"> <span class="label"><img src="/portal/images/layout/gsearch_keyword.png" alt=""> 추천검색어</span> <span class="pt" id="rcmndWord"></span> </div> <a class="gsearch_close" href="#"><span class="hide">통합검색 닫기</span></a> </form> </div> </div> <!-- 통합검색 : e --> </div> <!-- 모바일메뉴 : s --> <nav id="mMenu"> <div class="mMenu_top"> <a href="/indvz/main.do?hmpgId=ID02030031"> <img src="https://image.foresttrip.go.kr/frip/6f6545ed-aec0-48b5-8918-695b8e89ea2f.png" alt="용인자연휴양림"> </a> </div> <div class="mMenu_mem"> <ul> <li><a href="/com/login.do?hmpgId=ID02030031&targetUrl=/indvz/main.do?hmpgId=ID02030031">로그인</a></li> <li><a href="/pot/mc/ms/insertStplatAgreeView.do?hmpgId=ID02030031">회원가입</a></li> <!-- <li><a onclick="fn_memberAlter()">회원가입</a></li> --> </ul> </div> <!-- 2 또는 3뎁스 메뉴의 a태그에 class="on"을 주면 메뉴를 열때 해당 뎁스의 메뉴가 열려진 상태로 메뉴가 표시됩니다. 서브페이지에 사용하시면 됩니다.--> <ul id="mobileList" class="mMenu_list"> <li></li> </ul> <a href="#" class="mMenu_close">메뉴 닫기</a> </nav> <!-- 모바일메뉴 : e --> <div id="gnb"> <ul id="gnbList" class="tm"> <li></li> </ul> </div> <div id="subVisual" style="background:url(/indvz/002/images/layout/sub_visual.png) no-repeat 50% 100% / cover;"> <span class="sv_title"> 자연의 향기와 멋을 마음껏 즐길 수 있는 곳<br> <strong>용인자연휴양림</strong> </span> </div> <script type="text/javascript" src="/js/rep/jquery.blockUI.js"></script> <script type="text/javascript" src="/js/rep/messageBox.js"></script> <script src="/js/netfunnel.js?t_=20250222_0241"></script> <script type="text/javascript"> var delayTimer = null; $(document).ready(function() { $("#minus_stng_nofpr, #plus_stng_nofpr").on('click', function(event) { var clss = $(this).attr("class"); if(clss == "plus") { nofpr = Number(nofpr)+1; $("#stng_nofpr").html(nofpr); } else if(clss == "minus") { if(nofpr == 1) { alert("인원은 최소 1명이 기준입니다."+_no_click_msg); return false; } else { nofpr = Number(nofpr)-1; $("#stng_nofpr").html(nofpr); } } }); $(".totSch_btn").on("keydown", function(e) { if (e.which == 13) { $("#animate").removeClass("ov"); $("#tm ul").css('display','none'); } }); $("#tm ul > li > a").focus(function() { $(".general_search").css('display', 'none'); }); $("#tm > li > a").focus(function() { $("#tm ul").css('display', 'inline-block'); $(".gnb_bg").css('display', 'inline-block'); }); // 시/도 목록 조회 - 2019.07.17 fn_sidoList(); var nofpr = 2; $("#stng_nofpr").html(nofpr); /* */ // 휴양시설 선택에 따라 Calendar 분기처리 if($("#srchInsttId").val() == '' || $("#srchInsttId").val() == null) { fn_defaultCalendar(); } else { fn_initCalendar($("#srchInsttId").val()); } }); function fn_rcfrsFclList(insttArcd) { $("#srch_rcfcl").html(""); // 휴양시설 검색 $.ajax({ url: "/rep/or/selectInsttListForSearch.do?_csrf=af4856ad-be88-478a-9568-767d716d863e&srchSido="+insttArcd, type:'get', dataType:'json', contentType : 'application/json; charset=UTF-8', async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(data) { var insttList = data.insttList; var rtnHtml = '<ul class="horizen">'; rtnHtml += '<li id=\'rcfclCd_'+ '0000' +'\' class=\''+ '전체' + '\'><a href="https://www.foresttrip.go.kr" onclick="fn_setRcfcl(\'' + '' + '\',\'' + '전체' + '\'); return false;">' + '전체' + '</a></li>'; $.each(insttList, function(index, instt){ rtnHtml += '<li id=\'rcfclCd_'+ instt.insttId +'\' class=\''+ instt.insttNm + '\'><a href="https://www.foresttrip.go.kr/" onclick="fn_setRcfcl(\'' + instt.insttId + '\',\'' + instt.insttNm + '\'); return false;">'; if(instt.insttTpCd == "01") { rtnHtml += '<span class="mr_reg mr_reg_1">국</span>'; }else if(instt.insttTpCd == "02") { rtnHtml += '<span class="mr_reg mr_reg_2">공</span>'; }else if(instt.insttTpCd == "04") { rtnHtml += '<span class="mr_reg mr_reg_3">사</span>'; } rtnHtml += instt.insttNm + '</a></li>'; }); rtnHtml += '</ul>'; $("#srch_rcfcl").html(rtnHtml); }, error:function(xhr,status,e) { alert("산림휴양시설 목록 조회 실패" + _no_click_msg); }, complete:function() { } }); } function fn_sidoList() { $("#srch_region").html(""); $.ajax({ url: "/rep/or/selectSiDoList.do?_csrf=af4856ad-be88-478a-9568-767d716d863e", type:'get', dataType:'json', contentType : 'application/json; charset=UTF-8', async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(sidoList) { var rtnHtml = '<ul>'; $.each(sidoList, function(index, data){ rtnHtml += '<li id=\'areaCd_'+ data.detailCode +'\' class=\''+ data.codeNm + '\'><a href="https://www.foresttrip.go.kr/" onclick="fn_setRegion(\'' + data.detailCode + '\',\'' + data.codeNm + '\'); return false;">' + data.codeNm + '</a></li>'; }); rtnHtml += '</ul>'; $("#srch_region").html(rtnHtml); }, error:function(xhr,status,e) { fn_failMsg(xhr, status, e); }, complete:function() { } }); } function fn_setRegion(insttArcd, codeDc) { $("#srchInsttArcd").val(insttArcd); $("#srch_region_txt").text(codeDc); fn_defaultCalendar(); $("#srchInsttId").val(""); $("#srch_rcfcl_txt").text("전체"); $("#srch_region").prev().removeClass("ov"); $("#srch_rcfcl").html(""); // 휴양시설 변경 시 달력 초기화 /* if($("#srchInsttId").val() != '' && $("#srchInsttId").val() != null) { $("#rsrvtBgDt", "form[name='srch_frm']").val(""); $("#rsrvtEdDt", "form[name='srch_frm']").val(""); $("#calPicker", "form[name='srch_frm']").val(""); var btn = $('#calPicker'); btn.prev().show(); } */ // 휴양시설 검색 $.ajax({ url: "/rep/or/selectInsttListForSearch.do?_csrf=af4856ad-be88-478a-9568-767d716d863e&srchSido="+insttArcd, type:'get', dataType:'json', contentType : 'application/json; charset=UTF-8', async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(data) { var insttList = data.insttList; var rtnHtml = '<ul class="horizen">'; rtnHtml += '<li id=\'rcfclCd_'+ '0000' +'\' class=\''+ '전체' + '\'><a href="https://www.foresttrip.go.kr/" onclick="fn_setRcfcl(\'' + '' + '\',\'' + '전체' + '\'); return false;">' + '전체' + '</a></li>'; $.each(insttList, function(index, instt){ rtnHtml += '<li id=\'rcfclCd_'+ instt.insttId +'\' class=\''+ instt.insttNm + '\'><a href="https://www.foresttrip.go.kr/" onclick="fn_setRcfcl(\'' + instt.insttId + '\',\'' + instt.insttNm + '\'); return false;">'; if(instt.insttTpCd == "01") { rtnHtml += '<span class="mr_reg mr_reg_1">국</span>'; }else if(instt.insttTpCd == "02") { rtnHtml += '<span class="mr_reg mr_reg_2">공</span>'; }else if(instt.insttTpCd == "04") { rtnHtml += '<span class="mr_reg mr_reg_3">사</span>'; } rtnHtml += instt.insttNm + '</a></li>'; }); rtnHtml += '</ul>'; $("#srch_rcfcl").html(rtnHtml); }, error:function(xhr,status,e) { alert("산림휴양시설 목록 조회 실패" + _no_click_msg); }, complete:function() { } }); } function fn_setRcfcl(insttId, insttNm) { $("#srchInsttId").val(insttId); $("#srch_rcfcl_txt").text(insttNm); if(insttId != '' && insttId != null) { fn_initCalendar($("#srchInsttId").val()); } $("#srch_rcfcl").prev().removeClass("ov"); // 휴양시설 변경 시 달력 초기화 /* if($("#srchInsttId").val() != '' && $("#srchInsttId").val() != null) { $("#rsrvtBgDt", "form[name='srch_frm']").val(""); $("#rsrvtEdDt", "form[name='srch_frm']").val(""); $("#calPicker", "form[name='srch_frm']").val(""); var btn = $('#calPicker'); btn.prev().show(); } */ } var setLocateNamekeyEnter = false; function fn_remmnAreaOrRcfclList(e) { var btn = $('.yeyakSearchName'); var previewLocate = $('.preview_locate'); if (e.keyCode == 38 || e.keyCode == 40) { btn.parent().addClass('ov'); return false; } if (setLocateNamekeyEnter && e.keyCode == 9) { return false; } if (!btn.val().length) { btn.parent().removeClass('ov'); previewLocate.html(''); return false; } if (e.keyCode == 13) { setLocateNamekeyEnter = true; btn.parent().removeClass('ov'); previewLocate.html(''); } else { setLocateNamekeyEnter = false; btn.parent().addClass('ov'); } if (delayTimer) { window.clearTimeout(delayTimer); } delayTimer = window.setTimeout(fn_searchWordList, 200); } function fn_searchWordList() { var keyword = $("#keyword").val(); if(keyword != "") { $.ajax({ url : "/rep/cm/remmnAreaOrRcfclList.do?keyword=" + encodeURIComponent(encodeURIComponent(keyword)), type:'get', dataType: 'json', contentType:'application/json; charset=UTF-8', beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(data){ var wordList = data; var rtnHtml = ""; wordList.forEach(function(item, idx, arr){ var insttId = null; rtnHtml += '<a href="https://www.foresttrip.go.kr/" onclick="fn_setKeyword(\''+item.arcd+'\',\''+(item.insttId == null ? "" : item.insttId)+'\',\''+item.codeNm+'\',\''+item.codeDc+'\'); return false;">'+item.codeNm + '</a>'; }); $(".preview_locate").html(rtnHtml); delayTimer = null; }, error:function(xhr,status,e){ fn_failMsg(xhr, status, e); }, complete:function(){ } }); } } function fn_setKeyword(insttArcd, insttId, codeNm, codeDc) { $("#srchInsttId").val(insttId); // 휴양시설 선택에 따라 Calendar 분기처리 if($("#srchInsttId").val() == '' || $("#srchInsttId").val() == null) { fn_defaultCalendar(); } else { fn_initCalendar($("#srchInsttId").val()); } // 휴양시설 변경 시 달력 초기화 /* if($("#srchInsttId").val() != '' && $("#srchInsttId").val() != null) { $("#rsrvtBgDt", "form[name='srch_frm']").val(""); $("#rsrvtEdDt", "form[name='srch_frm']").val(""); $("#calPicker", "form[name='srch_frm']").val(""); var btn = $('#calPicker'); btn.prev().show(); } */ //var btn = $('.yeyakSearchName'); //btn.focus().parent().removeClass('ov'); $(".preview_locate").html(""); } /* function fn_setKeyword(insttArcd, insttId, codeNm, codeDc) { $("#srchInsttArcd").val(insttArcd); $("#srchInsttId").val(insttId); $("#keyword").val(codeDc); // 휴양시설 선택에 따라 Calendar 분기처리 if($("#srchInsttId").val() == '' || $("#srchInsttId").val() == null) { fn_defaultCalendar(); } else { fn_initCalendar($("#srchInsttId").val()); } // 휴양시설 변경 시 달력 초기화 if($("#srchInsttId").val() != '' && $("#srchInsttId").val() != null) { $("#rsrvtBgDt", "form[name='srch_frm']").val(""); $("#rsrvtEdDt", "form[name='srch_frm']").val(""); $("#calPicker", "form[name='srch_frm']").val(""); var btn = $('#calPicker'); btn.prev().show(); } var btn = $('.yeyakSearchName'); btn.focus().parent().removeClass('ov'); $(".preview_locatey").html(""); } */ //조회 버튼 클릭 시, 휴양림에 목록 읽어오기 function fn_top_goSearch() { blockLoading(); // 헤더 검색조건 초기화 search_form_init(); // 검색 시 예약가능 목록 조회 $("#rsrvtWtngSctin", "form[name='srch_frm']").val("01"); $("#gNowPage", "form[name='srch_frm']").val("1"); var rsrvtBgDt = $("#rsrvtBgDt").val(); var rsrvtEdDt = $("#rsrvtEdDt").val(); // 휴양시설/지역에 따른 구분 if($("#srchInsttId").val() != "" && $("#srchInsttId").val() != null) { $("#houseCampSctin").val(""); } else { $("#houseCampSctin").val("01"); } $("#goodsClsscHouseCdArr").val(""); $("#goodsClsscCampCdArr").val(""); $("#srchStngNofpr").val(Number($("#stng_nofpr").html())); $("#srchSthngCnt").val(fn_dateDiff(rsrvtBgDt.substring(4,6)+"/"+rsrvtBgDt.substring(6,8)+"/"+rsrvtBgDt.substring(0,4) ,rsrvtEdDt.substring(4,6)+"/"+rsrvtEdDt.substring(6,8)+"/"+rsrvtEdDt.substring(0,4))); //$("#srchSthngCnt").val(fn_dateDiff(rsrvtBgDt.substring(0,4)+"-"+rsrvtBgDt.substring(4,6)+"-"+rsrvtBgDt.substring(6,8) ,rsrvtEdDt.substring(0,4)+"-"+rsrvtEdDt.substring(4,6)+"-"+rsrvtEdDt.substring(6,8))); //$("#srchWord").val($("#keyword").val()); $("#srchUseDt").val($("#calPicker").val()); if($("#srchInsttArcd").val() == '' && $("#srchInsttId").val() == '') { alert("지역을 먼저 선택 해 주세요."+_no_click_msg); unBlockLoading(); return false; } if(rsrvtBgDt == '' || rsrvtEdDt == '') { alert("이용일을 선택 해 주세요."+_no_click_msg); unBlockLoading(); return false; } var url = null; var action_id = null; if($("#srchInsttId").val() == '' || $("#srchInsttId").val() == null) { url = "/rep/or/fcfsRsrvtRcrfrDtlDetls.do"; action_id = "action1"; } else { url = "/rep/or/sssn/fcfsRsrvtPssblGoodsDetls.do"; action_id = "action2"; } $("form[name='srch_frm']").attr("method", "get"); NetFunnel_Action({action_id: action_id, service_id: "service_1"}, { success:function(ev, ret) { $("#netfunnel_key", "form[name='srch_frm']").val(ret.data.key);// 암호화된 넷퍼넬 키 $("form[name='srch_frm']").attr("action", url).submit(); }, stop:function(ev,ret){ unBlockLoading(); }, error:function(ev,ret){ unBlockLoading(); } }); } //함수명: fnInitCmmnnCd //설명: 초기 페이지용 공통코드 일괄 설정 //인자: 없음 //리턴: 없음 //검색용 객체를 생성한 후 배열에 추가하여 공통코드 조회서비스를 호출한다. function fn_initCmmnnStngNofprCd() { var arrPrmtr = new Array(); //Object를 배열로 저장할 Array var objPrmtr = new Object(); //key, value형태로 저장할 Object //인원수 objPrmtr = new Object(); objPrmtr.trgtObj = 'objNofpr'; objPrmtr.codeId = 'REP002'; objPrmtr.useYn = 'Y'; objPrmtr._csrf = 'af4856ad-be88-478a-9568-767d716d863e'; arrPrmtr.push(objPrmtr); $.ajax({ url:'/rep/cm/selectCmmnnCodeList.do', type:'post', dataType:'json', contentType:'application/json; charset=UTF-8', data:JSON.stringify(arrPrmtr), beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success:function(data){ //1개 조회할때랑, 1개이상 조회할때 다름.. 1개 조회할땐 data.으로 반복문 사용, 1개이상은 data.+trgtObj를 반복문을 사용한다. //인원수 세팅 data.forEach(function(item, idx, arr){ $('#stngNofpr').append("<option value='"+item.detailCode+"'>"+item.codeNm+"</option>"); }); }, error:function(err) { fn_failMsg(xhr, status, e); }, complete:function() { // 인원수3으로 초기화 $("#stngNofpr").val("3").prop("selected", true); } }); } //함수명: fnInitCmmnnCd //설명: 초기 페이지용 공통코드 일괄 설정 //인자: 없음 //리턴: 없음 //검색용 객체를 생성한 후 배열에 추가하여 공통코드 조회서비스를 호출한다. function fn_initCmmnnCd(gbn) { var arrPrmtr = new Array(); //Object를 배열로 저장할 Array var objPrmtr = new Object(); //key, value형태로 저장할 Object var url = ''; if(gbn == 'integration') { url = '/rep/cm/selectBaseGoodsClsscList.do'; } else { url = '/rep/cm/selectGoodsClsscList.do'; } // 숙박시설 arrPrmtr = new Array(); objPrmtr = new Object(); objPrmtr.trgtObj = 'objGsrm'; objPrmtr.codeId = $("#srchInsttId").val(); objPrmtr.upperDetailCode = '01'; objPrmtr._csrf = 'af4856ad-be88-478a-9568-767d716d863e'; arrPrmtr.push(objPrmtr); $.ajax({ url:url, type:'post', dataType:'json', contentType:'application/json; charset=UTF-8', data:JSON.stringify(arrPrmtr), async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success:function(data){ var rtnHtml = ''; data.forEach(function(item, idx, arr){ rtnHtml += '<a href="javascript:;">'; rtnHtml += '<label>'; rtnHtml += '<input type="checkbox" name="house" value="'+item.codeId+'" onclick="fn_goodsClsscHouse();"/><span></span>'+item.codeNm; rtnHtml += '</label>'; rtnHtml += '</a>'; }); $('#gsrm').append(rtnHtml); }, error:function(err) { fn_failMsg(xhr, status, e); } }); // 야영장 arrPrmtr = new Array(); objPrmtr = new Object(); objPrmtr.trgtObj = 'objCmpgr'; objPrmtr.codeId = $("#srchInsttId").val(); objPrmtr.upperDetailCode = '02'; objPrmtr._csrf = 'af4856ad-be88-478a-9568-767d716d863e'; arrPrmtr.push(objPrmtr); $.ajax({ url:url, type:'post', dataType:'json', contentType:'application/json; charset=UTF-8', data:JSON.stringify(arrPrmtr), async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success:function(data){ var rtnHtml = ''; data.forEach(function(item, idx, arr){ rtnHtml += '<a href="javascript:;">'; rtnHtml += '<label>'; rtnHtml += '<input type="checkbox" name="camp" value="'+item.codeId+'" onclick="fn_goodsClsscCamp();"/><span></span>'+item.codeNm; rtnHtml += '</label>'; rtnHtml += '</a>'; }); $('#cmpgr').append(rtnHtml); }, error:function(err) { fn_failMsg(xhr, status, e); } }); } //함수명: fnInitCmmnnCd //설명: 초기 페이지용 공통코드 일괄 설정 //인자: 없음 //리턴: 없음 //검색용 객체를 생성한 후 배열에 추가하여 공통코드 조회서비스를 호출한다. function fn_initCmmnnCd_House() { var arrPrmtr = new Array(); //Object를 배열로 저장할 Array var objPrmtr = new Object(); //key, value형태로 저장할 Object // 숙박시설 arrPrmtr = new Array(); objPrmtr = new Object(); objPrmtr.trgtObj = 'objGsrm'; objPrmtr.codeId = $("#srchInsttId").val(); objPrmtr.upperDetailCode = '01'; arrPrmtr.push(objPrmtr); $.ajax({ url:'/rep/cm/selectGoodsClsscList.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', dataType:'json', contentType:'application/json; charset=UTF-8', data:JSON.stringify(arrPrmtr), async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success:function(data){ var rtnHtml = ''; rtnHtml += '<label class="chackbox_all">'; rtnHtml += '<input type="checkbox" id="check_house_all" name="house" value="" onclick="fn_goodsClssc_click(\'all\');" checked="checked"/>'+'전체'; rtnHtml += '</label>'; data.forEach(function(item, idx, arr){ rtnHtml += '<label>'; rtnHtml += '<input type="checkbox" name="house" value="'+item.codeId+'" onclick="fn_goodsClssc_click();" class="goods_clssc_house" checked="checked"/>'+item.codeNm; rtnHtml += '</label>'; }); $('#gsrm').append(rtnHtml); }, error:function(err) { fn_failMsg(xhr, status, e); } }); } function fn_initCmmnnCd_Camp() { var arrPrmtr = new Array(); //Object를 배열로 저장할 Array var objPrmtr = new Object(); //key, value형태로 저장할 Object // 야영장 arrPrmtr = new Array(); objPrmtr = new Object(); objPrmtr.trgtObj = 'objCmpgr'; objPrmtr.codeId = $("#srchInsttId").val(); objPrmtr.upperDetailCode = '02'; arrPrmtr.push(objPrmtr); $.ajax({ url:'/rep/cm/selectGoodsClsscList.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', dataType:'json', contentType:'application/json; charset=UTF-8', data:JSON.stringify(arrPrmtr), async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success:function(data){ var rtnHtml = ''; rtnHtml += '<label class="chackbox_all">'; rtnHtml += '<input type="checkbox" id="check_camp_all" name="camp" value="" onclick="fn_goodsClssc_click(\'all\');" checked="checked" />'+'전체'; rtnHtml += '</label>'; data.forEach(function(item, idx, arr){ rtnHtml += '<label>'; rtnHtml += '<input type="checkbox" name="camp" value="'+item.codeId+'" onclick="fn_goodsClssc_click();" class="goods_clssc_camp" checked="checked" />'+item.codeNm; rtnHtml += '</label>'; }); $('#cmpgr').append(rtnHtml); }, error:function(err) { fn_failMsg(xhr, status, e); } }); } function fn_defaultCalendar() { var toDay = ""; $.ajax({ url: "/com/selectTodayCalendar.do?_csrf=af4856ad-be88-478a-9568-767d716d863e", type:'get', dataType:'json', contentType : 'application/json; charset=UTF-8', async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(data) { toDay = data.result; }, error:function(xhr,status,e) { fn_failMsg(xhr, status, e); }, complete:function() { } }); $("#calPicker").off('.ajaxSuccess2').on("click.ajaxSuccess2 keydown.ajaxSuccess2", function(event) { if (event.keyCode == 13) { event.preventDefault(); addPicker($("#calPicker"), false, false, '', '', '', '', toDay); } if (event.type != 'keydown') { addPicker($("#calPicker"), false, false, '', '', '', '', toDay); } }); } function fn_initCalendar(insttId) { var toDay = ""; $.ajax({ url: "/com/selectTodayCalendar.do?_csrf=af4856ad-be88-478a-9568-767d716d863e", type:'get', dataType:'json', contentType : 'application/json; charset=UTF-8', async: false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, success: function(data) { toDay = data.result; }, error:function(xhr,status,e) { fn_failMsg(xhr, status, e); }, complete:function() { } }); $.ajax({ url : "/rep/or/selectFcFsRcfrsFcltInfo.do?_csrf=af4856ad-be88-478a-9568-767d716d863e&insttId="+insttId, type:'get', dataType: 'json', async:false, beforeSend: function(xhr) { xhr.setRequestHeader("X-Ajax-call", "true"); }, contentType:'application/json; charset=UTF-8', success: function(data){ if (data.useDtList.length > 0) { $("#calPicker").off('.ajaxSuccess1').on("click.ajaxSuccess1 keydown.ajaxSuccess1", function (event) { if (event.keyCode == 13) { event.preventDefault(); addPicker($("#calPicker"), false, false, '', data.hldtList, data.rcfrsFcltInfo[0].mxmmStngDayCnt, data.useDtList, toDay); } if (event.type != 'keydown') { addPicker($("#calPicker"), false, false, '', data.hldtList, data.rcfrsFcltInfo[0].mxmmStngDayCnt, data.useDtList, toDay); } }); } else { fn_defaultCalendar(); } }, error:function(xhr,status,e){ fn_failMsg(xhr, status, e); }, complete:function(){ } }); } function search_form_init() { $("#srchWord", "form[name='srch_frm']").val(""); $("#srchUseDt", "form[name='srch_frm']").val(""); $("#rsrvtPssblYn", "form[name='srch_frm']").val(""); $("#srchHouseCharg", "form[name='srch_frm']").val(""); $("#srchCampCharg", "form[name='srch_frm']").val(""); $("#bbqYn", "form[name='srch_frm']").val("N"); $("#dsprsYn", "form[name='srch_frm']").val("N"); $("#otsdWeterYn", "form[name='srch_frm']").val("N"); $("#wifiYn", "form[name='srch_frm']").val("N"); $("#snowPlaceYn", "form[name='srch_frm']").val("N"); $("#srchMyLtd", "form[name='srch_frm']").val(""); $("#srchMyLng", "form[name='srch_frm']").val(""); $("#srchDstnc", "form[name='srch_frm']").val(""); $("#netfunnel_key", "form[name='srch_frm']").val(""); } function main_form_init() { $("#srchWord", "form[name='frm']").val(""); $("#srchUseDt", "form[name='frm']").val(""); $("#rsrvtPssblYn", "form[name='frm']").val(""); $("#srchHouseCharg", "form[name='frm']").val(""); $("#srchCampCharg", "form[name='frm']").val(""); $("#bbqYn", "form[name='frm']").val("N"); $("#dsprsYn", "form[name='frm']").val("N"); $("#otsdWeterYn", "form[name='frm']").val("N"); $("#wifiYn", "form[name='frm']").val("N"); $("#snowPlaceYn", "form[name='frm']").val("N"); $("#srchMyLtd", "form[name='frm']").val(""); $("#srchMyLng", "form[name='frm']").val(""); $("#srchDstnc", "form[name='frm']").val(""); $("#netfunnel_key", "form[name='frm']").val(""); } /* 함수명: fn_dateDiff 설명: 박수 계산 인자: 종료일YYYYMMDD, 시작일YYYYMMDD 리턴: 입력된 시작일/종료일 기준의 박수 */ function fn_dateDiff(_date1, _date2) { var diffDate_1 = _date1 instanceof Date ? _date1 : new Date(_date1); var diffDate_2 = _date2 instanceof Date ? _date2 : new Date(_date2); diffDate_1 = new Date(diffDate_1.getFullYear(), diffDate_1.getMonth(), diffDate_1.getDate()); diffDate_2 = new Date(diffDate_2.getFullYear(), diffDate_2.getMonth(), diffDate_2.getDate()); var diff = Math.abs(diffDate_2.getTime() - diffDate_1.getTime()); diff = Math.ceil(diff / (1000 * 3600 * 24)); return diff; } //콤마표시 function commify(n) { var reg = /(^[+-]?\d+)(\d{3})/; // 정규식 n += ''; // 숫자를 문자열로 변환 while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2'); return n; } //콤마제거 function removeComma(str){ n = parseInt(str.replace(/,/g,"")); return n; } //숫자체크(숫자만) function fn_cmn_inputNumCheckOnly(obj){ var myregexp = /^[0-9*]+$/; if(obj.value.length > 0 && !myregexp.test(obj.value)) { obj.blur(); alert("숫자만 입력가능 합니다."+_no_click_msg); obj.value = ""; obj.focus(); } } function fn_date_format(yyyymmdd, format) { return yyyymmdd.substring(0,4)+format+yyyymmdd.substring(4,6)+format+yyyymmdd.substring(6,8); } function calcAge(birth) { var date = new Date(); var year = date.getFullYear(); var month = (date.getMonth() + 1); var day = date.getDate(); if (month < 10) month = '0' + month; if (day < 10) day = '0' + day; var monthDay = month + day; birth = birth.replace('-', '').replace('-', ''); var birthdayy = birth.substr(0, 4); var birthdaymd = birth.substr(4, 4); var age = monthDay < birthdaymd ? year - birthdayy - 1 : year - birthdayy; return age; } //함수명: fn_animateAndMove //설명: 요청한 엘리먼트를 animate 후 해당 위치로 스크롤을 이동한다. //인자: jquery 셀렉터 //리턴: 없음 //요청한 엘리먼트를 animate 후 해당 위치로 스크롤을 이동한다. function fn_animateAndMove(itemSelector){ var item = $(itemSelector); item.slideDown(300, 'easeOutCubic',function () { var box_position = item.offset(); $('html, body').stop(0, 1).animate({ scrollTop : box_position.top - 180 }, 1000, 'easeOutExpo'); }); } function validateForm(form){ var success = true; jQuery(form).find("[lang*=required]").each(function() { if(jQuery(this).is("input[type=text]") || jQuery(this).is("input[type=hidden]") || jQuery(this).is("select") || jQuery(this).is("textarea")){ if(jQuery(this).val() == ""){ alert(jQuery(this).attr("title") + "은(는) 필수 입력항목 입니다."+_no_click_msg); success = false; jQuery(this).focus(); return false; } } else if(jQuery(this).is("input[type=radio]")){ if(!jQuery("input[name="+jQuery(this).attr('name')+"]").is(":checked")){ alert(jQuery(this).attr("title") + "은(는) 필수 입력항목 입니다."+_no_click_msg); success = false; jQuery(this).focus(); return false; } } else if(jQuery(this).is("input[type=checkbox]")) { if(!jQuery("input[name="+jQuery(this).attr('name')+"]").is(":checked")){ alert(jQuery(this).attr("title") + "은(는) 필수 입력항목 입니다."+_no_click_msg); success = false; jQuery(this).focus(); return false; } } }); if(success){ jQuery(form).find("[lang*=number]").each(function() { if(jQuery(this).is("input[type=text]")){ if(isNaN(jQuery(this).val())){ alert(jQuery(this).attr("title") + "은(는) 숫자만 입력 가능합니다."+_no_click_msg); success = false; jQuery(this).focus(); return false; } } }); } if(success){ jQuery(form).find("[lang*=double]").each(function() { if(jQuery(this).is("input[type=text]")){ var lengthIndex = jQuery(this).attr("lang").indexOf("double"); var maxlength = jQuery(this).attr("lang").substring(lengthIndex).replace("double",""); var chk = /^[+-]?\d*(\.?)(\d*)$/; if(!chk.test(jQuery(this).val())){ alert(jQuery(this).attr("title") + "은(는) 숫자만 입력 가능합니다."+_no_click_msg); success = false; jQuery(this).focus(); return false; } else { if(jQuery(this).val().indexOf(".") != -1){ if(jQuery(this).val().substr(jQuery(this).val().indexOf(".")+1).length > maxlength){ alert(jQuery(this).attr("title") + "은(는) 소수점 최대 "+ maxlength +"자리까지 입력 가능합니다."+_no_click_msg); success = false; jQuery(this).focus(); return false; } } } } }); } return success; } </script> <div id="flowting_search"> <form id="srch_frm" name="srch_frm" action="/rep/or/fcfsRsrvtMain.do" method="post" > <input type="hidden" name="_csrf" value="af4856ad-be88-478a-9568-767d716d863e" /> <input type="hidden" name="srchInsttArcd" id="srchInsttArcd" value="" /> <input type="hidden" name="srchInsttId" id="srchInsttId" value="ID02030031" /> <input type="hidden" name="srchRsrvtBgDt" id="rsrvtBgDt" value="" /> <input type="hidden" name="srchRsrvtEdDt" id="rsrvtEdDt" value="" /> <input type="hidden" name="srchStngNofpr" id="srchStngNofpr" value="0" /> <input type="hidden" name="srchSthngCnt" id="srchSthngCnt" value="0" /> <input type="hidden" name="srchWord" id="srchWord" value="" /> <input type="hidden" name="srchUseDt" id="srchUseDt" value="" /> <input type="hidden" name="netfunnel_key" id="netfunnel_key"/> <input type="hidden" id="houseCampSctin" name="houseCampSctin" value="01" /> <input type="hidden" id="rsrvtPssblYn" name="rsrvtPssblYn" value="N" /> <input type="hidden" id="rsrvtWtngSctin" name="rsrvtWtngSctin" value="01" /> <input type="hidden" name="srchHouseCharg" id="srchHouseCharg" value=""> <input type="hidden" name="srchCampCharg" id="srchCampCharg" value=""> <input type="hidden" id="goodsClsscHouseCdArr" name="goodsClsscHouseCdArr" value="" /> <input type="hidden" id="goodsClsscCampCdArr" name="goodsClsscCampCdArr" value="" /> <input type="hidden" id="srchInsttTpcd" name="srchInsttTpcd" value="" /> <input type="hidden" id="cmdogYn" name="cmdogYn" value="N" /> <input type="hidden" id="bbqYn" name="bbqYn" value="N" /> <input type="hidden" id="dsprsYn" name="dsprsYn" value="N" /> <input type="hidden" id="otsdWeterYn" name="otsdWeterYn" value="N" /> <input type="hidden" id="wifiYn" name="wifiYn" value="N" /> <input type="hidden" id="snowPlaceYn" name="snowPlaceYn" value="N" /> <input type="hidden" id="srchMyLtd" name="srchMyLtd" value="" /> <input type="hidden" id="srchMyLng" name="srchMyLng" value="" /> <input type="hidden" id="srchDstnc" name="srchDstnc" value=""> <input type="hidden" id="gNowPage" name="gNowPage" value="1"/> <input type="hidden" id="srchGoodsId" name="srchGoodsId" value=""/> <input type="hidden" name="menuId" value="001001"> <input type="hidden" name="hmpgId" value="ID02030031" /> <div class="fs_wrap"> <div class="ht_util" > <strong class="util_ti"> <a class="" href="/com/index.do"><img src="https://image.foresttrip.go.kr/portal/images/layout/ut_top_logo.png" alt="숲나들이"></a> </strong> </div> <div class="layout"> <div class="fs_mid"> <div class="preview_wrap locate"> <div class="fs_mid_1 input"> <div class="label"><a href="https://www.foresttrip.go.kr" onclick="return false;" title="지역을 선택해주세요." class="yeyakSearchName"><img src="https://image.foresttrip.go.kr/portal/images/layout/fs_icon_0.png" alt=""><span id="srch_region_txt"> 인천/경기</span></a></div> </div> <div id="srch_region" class="preview_locate"> </div> </div> <div class="preview_wrap name"> <div class="fs_mid_1 input"> <div class="label"><a href="https://www.foresttrip.go.kr" onclick="return false;" title="지역을 선택해주세요." class="yeyakSearchName"><img src="https://image.foresttrip.go.kr/portal/images/layout/fs_icon_1.png" alt=""> <span id="srch_rcfcl_txt">용인자연휴양림</span></a></div> </div> <div id="srch_rcfcl" class="preview_locate"> </div> </div> <div class="fs_mid_2 input"> <label for="calPicker"><img src="https://image.foresttrip.go.kr/portal/images/layout/fs_icon_2.png" alt=""> 날짜선택</label> <input type="text" id="calPicker" name="calPicker" class="center" title="이용일" readOnly="readonly" /> </div> <div class="fs_mid_3"> <div class="fs_cost_wrap"> <div class="fs_cost_label"><img src="https://image.foresttrip.go.kr/portal/images/layout/fs_icon_3.png" alt=""> 인원</div> <div class="fs_cost_pt"> <a href="https://www.foresttrip.go.kr" onclick="return false;" class="minus" id="minus_stng_nofpr"><span class="hide">감소</span></a> <span id="stng_nofpr" class="cost">2</span> <a href="https://www.foresttrip.go.kr" onclick="return false;" class="plus" id="plus_stng_nofpr"><span class="hide">증가</span></a> </div> </div> <div class="fs_btn"> <button onclick="fn_top_goSearch(); return false;"><img src="https://image.foresttrip.go.kr/portal/images/layout/fs_cost_submit.png" alt="입력한 내용으로 예약 조회"></button> </div> </div> </div> <div class="fs_util"> <a href="https://www.foresttrip.go.kr" class="totSch_btn"><img src="https://image.foresttrip.go.kr/portal/images/layout/fs_util_search.png" alt="통합검색"></a> <a href="https://www.foresttrip.go.kr" class="share"><img src="https://image.foresttrip.go.kr/portal/images/layout/fs_util_my.png" alt="나의메뉴"></a> <div class="myPage my_menu"> <strong class="myPageTi"><img src="https://image.foresttrip.go.kr/portal/images/layout/ut_top_my.png" alt="마이페이지 이미지">마이페이지</strong> <ul class="my_list" id="my_list_navi"> </ul> <button class="close_box"><span class="hide">닫기</span></button> </div> <a href="https://www.foresttrip.go.kr" class="sitemap_btn"><img src="https://image.foresttrip.go.kr/portal/images/layout/fs_util_sitemap.png" alt="사이트맵"></a> </div> </div> <div class="fs_open"> <a title="open" href="https://www.foresttrip.go.kr">예약조회 열기 <img src="https://image.foresttrip.go.kr/portal/images/layout/fs_open.png" alt="열기"></a> <a title="close" href="https://www.foresttrip.go.kr">예약조회 닫기 <img src="https://image.foresttrip.go.kr/portal/images/layout/fs_close.png" alt="닫기"></a> </div> </div> </form> </div> <script> $(document).ready(function(){ var hmpgId = "ID02030031"; var menuId = "005001"; if(hmpgId != "" && menuId != "") { //fn_naviView(hmpgId, menuId); fn_naviViewNew(hmpgId, menuId); }else{ //alert("메뉴ID가 존재하지 않습니다. 메뉴ID를 추가하여 주십시오."); console.warn("메뉴ID가 존재하지 않습니다. 메뉴ID를 추가하여 주십시오."); } }); var currMenuLvl = 0; function fn_naviViewNew(hmpgId, menuId) { //alert(hmpgId); //alert(menuId); //alert(menuId.length/3); currMenuLvl = menuId.length/3; var topLink = ""; var listLink = ""; var listOpen = '<div class="locate_drop_menu">'; var listClose = '</div>'; if(currMenuLvl > 0) { //1차메뉴 topLink = ""; listLink = ""; $.ajax({ url:'/com/sub/selectIndvzNaviMenu.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', async: false, data:{"hmpgId":hmpgId, "upperMenuId":"-1"}, dataType:'json', success:function(data){ var naviMenuList = data.naviMenuList; //navigator 메뉴 구성 naviMenuList.forEach(function(item, idx) { var itmMenuId = item.menuId; var itmMenuNm = item.menuNm; var itmMenuUrl = item.menuUrl; var itmNwWndYn = item.nwWndYn; var varTarget = '_self'; if(itmNwWndYn == 'Y') { varTarget = '_blank'; } if(menuId.substr(0,3) == itmMenuId) { topLink = '<a href="#'+itmMenuId+'">'+itmMenuNm+' <span class="sprity-nav sprity-nav-nav_arr"></span></a>'; } listLink += '<a href="'+itmMenuUrl+'" target="'+varTarget+'">'+itmMenuNm+'</a>'; }); $(".location").append(topLink); $(".location").append(listOpen+listLink+listClose); if(currMenuLvl > 1) { //2차메뉴 topLink = ""; listLink = ""; var upperMenuId = menuId.substr(0,3); $.ajax({ url:'/com/sub/selectIndvzNaviMenu.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', async: false, data:{"hmpgId":hmpgId, "upperMenuId":upperMenuId}, dataType:'json', success:function(data){ var naviMenuList = data.naviMenuList; //navigator 메뉴 구성 naviMenuList.forEach(function(item, idx) { var itmMenuId = item.menuId; var itmMenuNm = item.menuNm; var itmMenuUrl = item.menuUrl; var itmNwWndYn = item.nwWndYn; var varTarget = '_self'; if(itmNwWndYn == 'Y') { varTarget = '_blank'; } if(menuId.substr(0,6) == itmMenuId) { topLink = '<a href="#'+itmMenuId+'">'+itmMenuNm+' <span class="sprity-nav sprity-nav-nav_arr"></span></a>'; } listLink += '<a href="'+itmMenuUrl+'" target="'+varTarget+'">'+itmMenuNm+'</a>'; }); $(".location").append(topLink); $(".location").append(listOpen+listLink+listClose); if(currMenuLvl > 2) { //3차메뉴 topLink = ""; listLink = ""; var upperMenuId = menuId.substr(0,6); $.ajax({ url:'/com/sub/selectIndvzNaviMenu.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', async: false, data:{"hmpgId":hmpgId, "upperMenuId":upperMenuId}, dataType:'json', success:function(data){ var naviMenuList = data.naviMenuList; //navigator 메뉴 구성 naviMenuList.forEach(function(item, idx) { var itmMenuId = item.menuId; var itmMenuNm = item.menuNm; var itmMenuUrl = item.menuUrl; var itmNwWndYn = item.nwWndYn; var varTarget = '_self'; if(itmNwWndYn == 'Y') { varTarget = '_blank'; } if(menuId.substr(0,9) == itmMenuId) { topLink = '<a href="#'+itmMenuId+'">'+itmMenuNm+' <span class="sprity-nav sprity-nav-nav_arr"></span></a>'; } listLink += '<a href="'+itmMenuUrl+'" target="'+varTarget+'">'+itmMenuNm+'</a>'; }); $(".location").append(topLink); $(".location").append(listOpen+listLink+listClose); if(currMenuLvl > 3) { } }, error:function(err) { } }); } }, error:function(err) { } }); } }, error:function(err) { } }); //$(".location").append('<a href="#">첫번째뎁스 <span class="sprity-nav sprity-nav-nav_arr"></span></a>'); if(currMenuLvl > 1) { //$(".location").append('<a href="#">두번째뎁스 <span class="sprity-nav sprity-nav-nav_arr"></span></a>'); if(currMenuLvl > 2) { //$(".location").append('<a href="#">세번째뎁스 <span class="sprity-nav sprity-nav-nav_arr"></span></a>'); } } } } /****************************************************************** * desc : 네비게이터 메뉴 구성 * writter : ygs ******************************************************************/ function fn_naviView(hmpgId, menuId){ $.ajax({ url:'/com/sub/selectNavigatorMenu.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', async: false, data:{"hmpgId":hmpgId, "menuId":menuId}, dataType:'json', success:function(data){ var naviMenuList = data.naviMenuList; //navigator 메뉴 구성 naviMenuList.forEach(function(item, idx) { var menuId = item.menuId; var menuNm = item.menuNm; var upperMenuId = item.upperMenuId; var menuLvl = item.menuLvl; var menuUrl = item.menuUrl; //최상단 메뉴 navigator if(menuLvl == 1){ //$("#topMenu").append('<a href="' + menuUrl + "?menuId=" + menuId + '">'+ menuNm + "<span class='sprity-nav sprity-nav-nav_arr'>" +'</a><div id="topSubMenu" class="locate_drop_menu"></div>'); $("#topMenu").append('<a href="' + menuUrl + '">'+ menuNm + "<span class='sprity-nav sprity-nav-nav_arr'>" +'</a><div id="topSubMenu" class="locate_drop_menu"></div>'); //상단메뉴 서브메뉴 append $.ajax({ url:'/com/sub/selectNavigatorMidMenu.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', async: false, data:{"hmpgId":hmpgId, "menuId":menuId, "upperMenuId":upperMenuId}, dataType:'json', success:function(data){ var naviMidMenuList = data.naviMidMenuList; //navigator 메뉴 구성 naviMidMenuList.forEach(function(item, idx) { var subMenuId = item.subMenuId; var subMenuNm = item.subMenuNm; var subUpperMenuId = item.subUpperMenuId; var subMenuLvl = item.subMenuLvl; var subMenuUrl = item.subMenuUrl; //$("#topSubMenu").append('<a href="' + subMenuUrl + "?menuId=" + subMenuId + '">'+ subMenuNm +'</a>'); $("#topSubMenu").append('<a href="' + subMenuUrl + '">'+ subMenuNm +'</a>'); }); }, error:function(err) { } }); } //상단메뉴 navigator if(menuLvl == 2){ //$("#topMenu").append('<a href="' + menuUrl + "?menuId=" + menuId + '">'+ menuNm + "<span class='sprity-nav sprity-nav-nav_arr'></span>" + '</a><div id="midMenu" class="locate_drop_menu"></div>'); $("#topMenu").append('<a href="' + menuUrl + '">'+ menuNm + "<span class='sprity-nav sprity-nav-nav_arr'></span>" + '</a><div id="midMenu" class="locate_drop_menu"></div>'); //상단메뉴 서브메뉴 append $.ajax({ url:'/com/sub/selectNavigatorMidMenu.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', async: false, data:{"hmpgId":hmpgId, "menuId":menuId, "upperMenuId":upperMenuId}, dataType:'json', success:function(data){ var naviMidMenuList = data.naviMidMenuList; //navigator 메뉴 구성 naviMidMenuList.forEach(function(item, idx) { var subMenuId = item.subMenuId; var subMenuNm = item.subMenuNm; var subUpperMenuId = item.subUpperMenuId; var subMenuLvl = item.subMenuLvl; var subMenuUrl = item.subMenuUrl; //$("#midMenu").append('<a href="' + subMenuUrl + "?menuId=" + subMenuId + '">'+ subMenuNm +'</a>'); $("#midMenu").append('<a href="' + subMenuUrl + '">'+ subMenuNm +'</a>'); }); }, error:function(err) { } }); } //하위메뉴 navigator if(menuLvl > 2){ //$("#topMenu").append('<a href="' + menuUrl + "?menuId=" + menuId + '">'+ menuNm + "<span class='sprity-nav sprity-nav-nav_arr'></span>" + '</a><div id="subMenu" class="locate_drop_menu"></div>'); $("#topMenu").append('<a href="' + menuUrl + '">'+ menuNm + "<span class='sprity-nav sprity-nav-nav_arr'></span>" + '</a><div id="subMenu" class="locate_drop_menu"></div>'); //서브메뉴 append $.ajax({ url:'/com/sub/selectNavigatorMidMenu.do?_csrf=af4856ad-be88-478a-9568-767d716d863e', type:'post', async: false, data:{"hmpgId":hmpgId, "menuId":menuId, "upperMenuId":upperMenuId}, dataType:'json', success:function(data){ var naviMidMenuList = data.naviMidMenuList; //navigator 메뉴 구성 naviMidMenuList.forEach(function(item, idx) { var subMenuId = item.subMenuId; var subMenuNm = item.subMenuNm; var subUpperMenuId = item.subUpperMenuId; var subMenuLvl = item.subMenuLvl; var subMenuUrl = item.subMenuUrl; //$("#subMenu").append('<a href="' + subMenuUrl + "?menuId=" + subMenuId + '">'+ subMenuNm +'</a>'); $("#subMenu").append('<a href="' + subMenuUrl + '">'+ subMenuNm +'</a>'); }); }, error:function(err) { } }); } }); }, error:function(err) { } }); } </script> <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <script> Kakao.init('1454ddc61faa2b7bb1a604f4274db045'); function fn_snsShare(type) { var pageUrl = window.location.href; var pageTitle = document.title; if(type == 'fb') { window.open("http://www.facebook.com/sharer/sharer.php?u="+pageUrl); //window.open("http://www.facebook.com/sharer/sharer.php?u="+pageUrl, "Facebook Share", "width=500,height=500,left=100,top=100" ); }else if(type == 'twt') { window.open("https://twitter.com/intent/tweet?url="+pageUrl); //window.open("https://twitter.com/intent/tweet?url="+pageUrl, "Facebook Share", "width=500,height=500,left=100,top=100" ); // 'https://twitter.com/intent/tweet?text='+pageTitle+'&url='+pageUrl }else if(type == 'google') { window.open("https://plus.google.com/share?url="+pageUrl); //https://plus.google.com/share?url="+pageUrl+"&t="+pageTitle }else if(type == 'kakao') { var url = pageUrl; Kakao.Link.sendDefault({ objectType: 'text', text: pageTitle, link: { mobileWebUrl: pageUrl, webUrl: pageUrl }, buttons: [ { title: '웹으로 이동', link: { mobileWebUrl: pageUrl, webUrl: pageUrl } } ] }); } } </script> <div id="navigator"> <div class="layout"> <div id="topMenu" class="location"> <a class="locate_home" href="#" onClick="location.href='/indvz/main.do?hmpgId=ID02030031'; return false;"> <span class="sprity-nav sprity-nav-nav_home"></span> <span class="hide">home</span> </a> </div> <div class="nav_util"> <a class="util_sns" href="#"><span class="sprity-nav sprity-nav-nav_util_sns"></span><span class="hide">sns 공유</span></a> <div class="sns_group"> <!-- 페북,트위터,구글,카카오톡 --> <strong>SNS로 공유</strong> <ul> <li><a href="#fb" onClick="fn_snsShare('fb'); return false" class="sns_fb"><span class="hide">페이스북</span></a></li> <li><a href="#twt" onClick="fn_snsShare('twt'); return false" class="sns_twt"><span class="hide">트위터</span></a></li> <li><a href="#kakao" onClick="fn_snsShare('kakao'); return false" class="sns_kakao" id="sns_kakao"><span class="hide">카카오톡</span></a></li> </ul> <button type="button" class="snsClose"><img src="/images/common/snsLayer_close.png" alt="닫기"></button> </div> <a class="util_print" href="#fnPrint" title="프린트하기 새창" onClick="window.print(); return false;" ><span class="sprity-nav sprity-nav-nav_util_print"></span><span class="hide">프린트</span></a> </div> </div> </div> <script type="text/javascript"> $(function(){ }); function fn_goFileDown(attchFileMsterId, attchFileId) { window.open("/com/cm/fileDownload.do?ATTCH_FILE_ID="+attchFileId+"&ATTCH_FILE_MSTER_ID="+attchFileMsterId); } function fn_goDtlView(twbbsId, prevNext) { if(twbbsId == "") { if(prevNext == "prev") { alert("이전글이 존재하지 않습니다."); }else{ alert("다음글이 존재하지 않습니다."); } return false; } $("#twbbsId").val(twbbsId); var form = document.fripPotForm; form.action = "/pot/cc/nm/selectNticBbrssDtlView.do"; form.target = "_self"; form.method = "get"; form.submit(); } function fn_goList() { $("#twbbsId").val(""); $("#nowPage").val("1"); $("#srchType").val(""); $("#srwrd").val(""); $("#wrdtBgn").val(""); $("#wrdtEnd").val(""); var form = document.fripPotForm; form.action = "/pot/cc/nm/selectNticBbrssListView.do"; form.target = "_self"; form.method = "get"; form.submit(); } </script> <div id="container" class="layout"> <form id="fripPotForm" name="fripPotForm" method="post"> <input type="hidden" id="hmpgId" name="hmpgId" value="ID02030031" /> <input type="hidden" name="_csrf" value="af4856ad-be88-478a-9568-767d716d863e"/> <input type="hidden" id="twbbsId" name="twbbsId" value="216551"/> <input type="hidden" id="nowPage" name="nowPage" value="0"/> <input type="hidden" id="bbrssMsterId" name="bbrssMsterId" value="BBRSSMSTER_00000051"/> <input type="hidden" id="srchType" name="srchType" value=""/> <input type="hidden" id="srwrd" name="srwrd" value=""/> <input type="hidden" id="wrdtBgn" name="wrdtBgn" value=""/> <input type="hidden" id="wrdtEnd" name="wrdtEnd" value=""/> <h2 class="container_title">공지사항</h2> <div id="infoWrap"> <!-- 게시판 상세 : s --> <div class="board_view def"> <div class="b_info"> <div class="view_bg"> <strong> [공지] 야영데크 및 캐빈하우스 보수공사에 따른 미운영 안내 </strong> <div class="infoWrap"> <div class="infoItem right"> <em>작성자</em> <span>관리자</span> </div> </div> <div class="infoWrap"> <div class="infoItem left"> <em>수정일</em> <span>2024-11-29</span> </div> <div class="infoItem right"> <em>조회수</em> <span>379</span> </div> </div> </div> </div> </div> <!-- 게시판 상세 : e --> <div style="border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:20px; white-space: pre-line;"> 1. 평소 용인자연휴양림을 이용해주시는 고객분들께 감사드립니다. 2. 대설로 인한 시설 파손에 따라 야영데크 및 캐빈하우스가 보수공사 진행으로 미운영 될 예정임을 알려드립니다. * 일시: 2024. 11. 30. (토)~12. 11. (수, 시설 안전 점검의 날), 용인자연휴양림 야영데크 및 캐빈하우스 미운영 3. 또한 천재지변 및 기상특보 발효에 따른 용인자연휴양림 객실 및 야영 시설 등 시설물 예약 취소로 발생되는 위약금은 면제됨을 알려드립니다. 4. 이용에 불편을 드려 진심으로 죄송합니다. </div> <!-- 게시판 상세 : s --> <div class="board_view def" style="border-top:none;"> <div class="b_info"> </div> <div class="right mt_20"> <a href="#goList" onClick="fn_goList(); return false;" class="defBtn board">목록</a> </div> <div class="b_page"> <ul> <li> <a href="#goPrev" onClick="fn_goDtlView('216552', 'prev'); return false;"> <div> <span><img src="/images/board/page_arr_left.png" alt=""></span> <span>이전글</span> </div> <span class="before_txt"> 대설에 의한 위험목 제거 작업에 따른 몽골 및 핀란드 이용 불가 안내 </span> </a> </li> <li> <a href="#goNext" onClick="fn_goDtlView('216498', 'next'); return false;"> <div> <span>다음글</span> <span><img src="/images/board/page_arr_right.png" alt=""></span> </div> <span class="before_txt"> 대설로 인한 시설 파손에 따른 야영데크 및 캐빈하우스 이용 불가 안내 </span> </a> </li> </ul> </div> </div> <!-- 게시판 상세 : e --> </div> </form> </div> <div id="footer"> <div class="f_top"> <div class="layout"> <div class="f_link"> <div class="fl_sitegroup"> <a class="fs_ti" href="#">유관기관 사이트 <span class="ft_mroe"> <img src="/indvz/002/images/layout/fl_ti_more.png" alt="유관기관 사이트 더보기"></span> </a> <div class="fs_list"> <a title="새 창 열림" href="http://www.forest.go.kr/" target="_blank">산림청</a> <a title="새 창 열림" href="https://nifos.forest.go.kr/" target="_blank">국립산림과학원</a> <a title="새 창 열림" href="http://www.kna.go.kr" target="_blank">국립수목원</a> <a title="새 창 열림" href="https://fhi.forest.go.kr/" target="_blank">산림교육원</a> <a title="새 창 열림" href="https://nfsv.forest.go.kr" target="_blank">국립산림품종관리센터</a> <a title="새 창 열림" href="https://portal.fowi.or.kr/main/newMain.action" target="_blank">한국산림복지진흥원</a> <a title="새 창 열림" href="http://reservation.knps.or.kr/main.action" target="_blank">국립공원공단</a> </div> </div> </div> <script> (function () { var parent = $('.fl_sitegroup'); var btn = parent.find('.fs_ti'); btn.on('click', function (event) { event.preventDefault(); var t = $(this); if (t.next().is(':visible')) { t.next().hide(); } else { t.next().show(); } }); parent.on('mouseleave', function (event) { event.preventDefault(); $(this).find('.fs_list').hide(); }); })(); </script> <div class="f_tel"> <span>숲나들e 통합고객센터 <a href="tel:1588-3250">1588-3250</a> (평일 09시~18시)</span> </div> </div> </div> <div class="f_bottom"> <div class="layout"> <div class="f_cont_link"> <a class="ov" href="/pot/cc/sc/selectIninfCllctView.do?hmpgId=ID02030031&menuId=006007002">숲나들e개인정보처리방침</a> <a href="/pot/cc/sc/selectSiteUsCndtnView.do?hmpgId=ID02030031&menuId=006007001">산림휴양통합플랫폼이용약관</a> <!-- <a href="#">통합포털소개</a> --> </div> <address class="f_addr"> <p class="fa_addr"> 주소 : (우 17037 ) 경기 용인시 처인구 모현읍 초부로 220 용인자연휴양림 | 전화 : 031-336-0040 <br /> 대표자 : 용인자연휴양림 | 사업자등록번호 : 135-83-00482 </p> <p class="fa_copy">Copyright (C) National Recreation Forest Management Office. All rights reserved.</p> </address> </div> </div> </div> </div> <script src="/indvz/001/js/common.js"></script> <script src="/indvz/001/js/main.js"></script> <script type="text/javascript" src="/indvz/001/js/pgwslideshow/pgwslideshow.js"></script> <script> $('link[charset]').removeAttr("charset"); </script> </body> </html>