/* ////////////////////////////////////////////////////////////////////////////////////////////// @ 초기설정 ////////////////////////////////////////////////////////////////////////////////////////////// */ var url_host = "http://" + window.location.host; var url_ajax = url_host + "/page/ajax"; var url_theme = url_host + "/theme/bootstrap5-basic"; var url_search_temp = window.location.search.split("="); var url_search = url_search_temp[1]; var url_path = window.location.pathname; var url_page = url_path.split("/").pop(); const tmp_url = $(location).attr('search'); var urlParams = new URLSearchParams( tmp_url ); /* ////////////////////////////////////////////////////////////////////////////////////////////// @ 이벤트 처리 ////////////////////////////////////////////////////////////////////////////////////////////// */ /*************************************** @ 상단/사이드 메뉴 > 출력자료 로드 ***************************************/ //상단메뉴 로드 $("#menu_top").html(""); $("#menu_top").html( my_menu_top() ); //사이드메뉴 로드 $("#accordion-side").html(""); $("#accordion-side").html( my_menu_side() ); /*************************************** @ 상단메뉴 > 창 리사이즈 > 색상설정 ***************************************/ $( window ).resize( function(){ var doc_width = window.innerWidth; // 모바일 일경우 if (doc_width < 569) { $("#mainNav").addClass("bg-dark"); $("#mainNav").removeClass("bg-opacity-50"); } else { $("#mainNav").addClass("bg-dark"); $("#mainNav").addClass("bg-opacity-50"); } }); /*************************************** @ 상단메뉴 > 창 스크롤 > 색상설정 ***************************************/ $(window).scroll(function(){  var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop; if (scrollTop > 80) { $("#mainNav").addClass("bg-dark"); $("#mainNav").removeClass("bg-opacity-50"); } else { $("#mainNav").addClass("bg-dark"); $("#mainNav").addClass("bg-opacity-50"); } }); /*************************************** @ 상단메뉴 > 마우스오버 > 서브메뉴 자동 출력 ***************************************/ //서브메뉴 스라이딩 쇼 $("#mainNav .nav-item").hover(function(){ $(this).find(".dropdown-menu").stop().slideDown("fast"); }); //서브메뉴 스라이딩 히든 $("#mainNav .nav-item, #mainNav .dropdown-menu ").hover(function(){}, function(){ $(this).find(".dropdown-menu").stop().slideUp("fast"); }); /*************************************** @ 게시판 타이트 및 버튼 선택 ***************************************/ if( urlParams.get("bo_table") ){ switch( urlParams.get("bo_table") ) { case "notice" : $("#content_menu1").removeClass("btn-secondary"); $("#content_menu1").addClass("btn-primary"); break; case "library" : $("#content_menu2").removeClass("btn-secondary"); $("#content_menu2").addClass("btn-primary"); break; case "qa" : $("#content_menu1").removeClass("btn-secondary"); $("#content_menu1").addClass("btn-primary"); break; case "office" : $("#content_menu3").removeClass("btn-secondary"); $("#content_menu3").addClass("btn-primary"); break; } } else { if( url_page.substr(4,1) == '2' ) switch( url_page.substr(6,1) ) { case "1" : $("#content_menu1").removeClass("btn-secondary"); $("#content_menu1").addClass("btn-primary"); break; case "2" : $("#content_menu2").removeClass("btn-secondary"); $("#content_menu2").addClass("btn-primary"); break; case "3" : $("#content_menu3").removeClass("btn-secondary"); $("#content_menu3").addClass("btn-primary"); break; case "4" : $("#content_menu4").removeClass("btn-secondary"); $("#content_menu4").addClass("btn-primary"); break; case "5" : $("#content_menu5").removeClass("btn-secondary"); $("#content_menu5").addClass("btn-primary"); break; case "6" : $("#content_menu6").removeClass("btn-secondary"); $("#content_menu6").addClass("btn-primary"); break; case "7" : $("#content_menu7").removeClass("btn-secondary"); $("#content_menu7").addClass("btn-primary"); break; case "8" : $("#content_menu8").removeClass("btn-secondary"); $("#content_menu8").addClass("btn-primary"); break; } } /* ////////////////////////////////////////////////////////////////////////////////////////////// @ FUNCTION ////////////////////////////////////////////////////////////////////////////////////////////// */ /*************************************** @ 상단 메뉴 출력 ***************************************/ function my_menu_top(){ var result = ""; $.ajax({ type : "POST", data : { action : "menu_top", }, async: false, url : url_host + "/page/ajax/ajax_common.php", dataType : "html", success:function(data){ result = data; }, error : function(request, status, error) { console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); return result; } /*************************************** @ 좌측 사이드 메뉴 출력 ***************************************/ function my_menu_side(){ var result = ""; $.ajax({ type : "POST", data : { action : "menu_side", }, async: false, url : url_host + "/page/ajax/ajax_common.php", dataType : "html", success:function(data){ result = data; }, error : function(request, status, error) { console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); return result; }