diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js
index d30e3766..11688d41 100644
--- a/src/main/webapp/js/default.js
+++ b/src/main/webapp/js/default.js
@@ -185,211 +185,252 @@ $(document).ready(function(){
$('.pop-change').fadeOut();
});
- /* 메인 메뉴 반응형 */
- jQuery(function($) {
- $.fn.responsivenav = function(args) {
- // Default settings
- var defaults = {
- responsive: true,
- width: 768, // Responsive width
- button: $(this).attr('id')+'-button', // Menu button id
- animation: { // Menu animation
- effect: 'slide', // Accepts 'slide' or 'fade'
- show: 150,
- hide: 100
- },
- selected: 'selected', // Selected class
- arrow: 'downarrow' // Dropdown arrow class
- };
- var settings = $.extend(defaults, args);
- // Initialize the menu and the button
- init($(this).attr('id'), settings.button);
+ /* 메인 메뉴 반응형 */
+ jQuery(function ($) {
+ $.fn.responsivenav = function (args) {
+ // Default settings
+ var defaults = {
+ responsive: true,
+ width: 768, // Responsive width
+ button: $(this).attr("id") + "-button", // Menu button id
+ animation: {
+ // Menu animation
+ effect: "slide", // Accepts 'slide' or 'fade'
+ show: 150,
+ hide: 100,
+ },
+ selected: "selected", // Selected class
+ arrow: "downarrow", // Dropdown arrow class
+ };
+ var settings = $.extend(defaults, args);
+ // Initialize the menu and the button
+ init($(this).attr("id"), settings.button);
- function init(menuid, buttonid) {
- setupMenu(menuid, buttonid);
- // Add a handler function for the resize and orientationchange event
- $(window).bind('resize orientationchange', function(){ resizeMenu(menuid, buttonid); });
- // Trigger initial resize
- resizeMenu(menuid, buttonid);
- }
+ function init(menuid, buttonid) {
+ setupMenu(menuid, buttonid);
+ // Add a handler function for the resize and orientationchange event
+ $(window).bind("resize orientationchange", function () {
+ resizeMenu(menuid, buttonid);
+ });
+ // Trigger initial resize
+ resizeMenu(menuid, buttonid);
+ }
- function setupMenu(menuid, buttonid) {
- var $mainmenu = $('#'+menuid+'>ul');
- var $headers = $mainmenu.find("ul").parent();
- // Add dropdown arrows
- $headers.each(function(i) {
- var $curobj = $(this);
- $curobj.children('a:eq(0)').append('
');
- });
+ function setupMenu(menuid, buttonid) {
+ var $mainmenu = $("#" + menuid + ">ul");
+ var $headers = $mainmenu.find("ul").parent();
+ // Add dropdown arrows
+ $headers.each(function (i) {
+ var $curobj = $(this);
+ $curobj.children("a:eq(0)").append('
');
+ });
- if ( settings.responsive ) {
- // Menu button click event
- // Displays top-level menu items
- $('#'+buttonid).click(function(e) {
- e.preventDefault();
+ if (settings.responsive) {
+ // Menu button click event
+ // Displays top-level menu items
+ $("#" + buttonid).click(function (e) {
+ e.preventDefault();
- if ( isSelected($('#'+buttonid)) ) {
- // Close menu
- collapseChildren('#'+menuid);
- animateHide($('#'+menuid), $('#'+buttonid));
- } else {
- // Open menu
- animateShow($('#'+menuid), $('#'+buttonid));
- }
- });
- }
- }
-
- function resizeMenu(menuid, buttonid) {
- var $ww = document.body.clientWidth;
- // Add mobile class to elements for CSS use
- // instead of relying on media-query support
- if ( $ww > settings.width || !settings.responsive) {
- $('#'+menuid).removeClass('mobile');
- $('#'+buttonid).removeClass('mobile');
- } else {
- $('#'+menuid).addClass('mobile');
- $('#'+buttonid).addClass('mobile');
- }
-
- var $headers = $('#'+menuid+'>ul').find('ul').parent();
-
- $headers.each(function(i) {
- var $curobj = $(this);
- var $link = $curobj.children('a:eq(0)');
- var $subul = $curobj.find('ul:eq(0)');
-
- // Unbind events
- $curobj.unbind('mouseenter mouseleave');
- $link.unbind('click');
- animateHide($curobj.children('ul:eq(0)'));
-
- if ( $ww > settings.width || !settings.responsive ) {
- // Full menu
- $curobj.hover(function(e) {
- var $targetul = $(this).children('ul:eq(0)');
-
- var $dims = { w: this.offsetWidth,
- h: this.offsetHeight,
- subulw: $subul.outerWidth(),
- subulh: $subul.outerHeight()
- };
- var $istopheader = $curobj.parents('ul').length == 1 ? true : false;
- $subul.css($istopheader ? {} : { top: 0 });
- var $offsets = { left: $(this).offset().left,
- top: $(this).offset().top
- };
- var $menuleft = $istopheader ? 0 : $dims.w;
- $menuleft = ( $offsets.left + $menuleft + $dims.subulw > $(window).width() ) ? ( $istopheader ? -$dims.subulw + $dims.w : -$dims.w ) : $menuleft;
- $targetul.css({ left:$menuleft+'px',
- width:$dims.subulw+'px'
- });
-
- animateShow($targetul);
- },
- function(e) {
- var $targetul = $(this).children('ul:eq(0)');
- animateHide($targetul);
- });
- } else {
- // Compact menu
- $link.click(function(e) {
- e.preventDefault();
-
- var $targetul = $curobj.children('ul:eq(0)');
- if ( isSelected($curobj) ) {
- collapseChildren($targetul);
- animateHide($targetul);
- } else {
- //collapseSiblings($curobj);
- animateShow($targetul);
+ if (isSelected($("#" + buttonid))) {
+ // Close menu
+ collapseChildren("#" + menuid);
+ animateHide($("#" + menuid), $("#" + buttonid));
+ } else {
+ // Open menu
+ animateShow($("#" + menuid), $("#" + buttonid));
+ }
+ });
}
- });
}
- });
- collapseChildren('#'+menuid);
+ function resizeMenu(menuid, buttonid) {
+ var $ww = document.body.clientWidth;
+ // Add mobile class to elements for CSS use
+ // instead of relying on media-query support
+ if ($ww > settings.width || !settings.responsive) {
+ $("#" + menuid).removeClass("mobile");
+ $("#" + buttonid).removeClass("mobile");
+ } else {
+ $("#" + menuid).addClass("mobile");
+ $("#" + buttonid).addClass("mobile");
+ }
- if ( settings.responsive && isSelected($('#'+buttonid)) ) {
- //collapseChildren('#'+menuid);
- $('#'+menuid).hide();
- $('#'+menuid).removeAttr('style');
- $('#'+buttonid).removeClass(settings.selected);
- }
- }
+ var $headers = $("#" + menuid + ">ul")
+ .find("ul")
+ .parent();
- function collapseChildren(elementid) {
- // Closes all submenus of the specified element
- var $headers = $(elementid).find('ul');
- $headers.each(function(i) {
- if ( isSelected($(this).parent()) ) {
- animateHide($(this));
+ $headers.each(function (i) {
+ var $curobj = $(this);
+ var $link = $curobj.children("a:eq(0)");
+ var $subul = $curobj.find("ul:eq(0)");
+
+ // Unbind events
+ $curobj.unbind("mouseenter mouseleave");
+ $link.unbind("click");
+ animateHide($curobj.children("ul:eq(0)"));
+
+ if ($ww > settings.width || !settings.responsive) {
+ // Full menu
+ $curobj.hover(
+ function (e) {
+ var $targetul = $(this).children("ul:eq(0)");
+
+ var $dims = { w: this.offsetWidth, h: this.offsetHeight, subulw: $subul.outerWidth(), subulh: $subul.outerHeight() };
+ var $istopheader = $curobj.parents("ul").length == 1 ? true : false;
+ $subul.css($istopheader ? {} : { top: 0 });
+ var $offsets = { left: $(this).offset().left, top: $(this).offset().top };
+ var $menuleft = $istopheader ? 0 : $dims.w;
+ $menuleft = $offsets.left + $menuleft + $dims.subulw > $(window).width() ? ($istopheader ? -$dims.subulw + $dims.w : -$dims.w) : $menuleft;
+ $targetul.css({ left: $menuleft + "px", width: $dims.subulw + "px" });
+
+ animateShow($targetul);
+ },
+ function (e) {
+ var $targetul = $(this).children("ul:eq(0)");
+ animateHide($targetul);
+ }
+ );
+ } else {
+ // Compact menu
+ $link.click(function (e) {
+ e.preventDefault();
+
+ var $targetul = $curobj.children("ul:eq(0)");
+ if (isSelected($curobj)) {
+ collapseChildren($targetul);
+ animateHide($targetul);
+ } else {
+ //collapseSiblings($curobj);
+ animateShow($targetul);
+ }
+ });
+ }
+ });
+
+ collapseChildren("#" + menuid);
+
+ if (settings.responsive && isSelected($("#" + buttonid))) {
+ //collapseChildren('#'+menuid);
+ $("#" + menuid).hide();
+ $("#" + menuid).removeAttr("style");
+ $("#" + buttonid).removeClass(settings.selected);
+ }
}
- });
- }
- function collapseSiblings(element) {
- var $siblings = element.siblings('li');
- $siblings.each(function(i) {
- collapseChildren($(this));
- });
- }
+ function collapseChildren(elementid) {
+ // Closes all submenus of the specified element
+ var $headers = $(elementid).find("ul");
+ $headers.each(function (i) {
+ if (isSelected($(this).parent())) {
+ animateHide($(this));
+ }
+ });
+ }
- function isSelected(element) {
- return element.hasClass(settings.selected);
- }
+ function collapseSiblings(element) {
+ var $siblings = element.siblings("li");
+ $siblings.each(function (i) {
+ collapseChildren($(this));
+ });
+ }
- function animateShow(menu, button) {
- if ( !button ) { var button = menu.parent(); }
+ function isSelected(element) {
+ return element.hasClass(settings.selected);
+ }
- button.addClass(settings.selected);
+ function animateShow(menu, button) {
+ if (!button) {
+ var button = menu.parent();
+ }
- if ( settings.animation.effect == 'fade' ) {
- menu.fadeIn(settings.animation.show);
- $(".BG").fadeIn("fast");
- } else if ( settings.animation.effect == 'slide' ) {
- menu.slideDown(settings.animation.show);
- $(".BG").fadeIn("fast");
- } else {
- menu.show();
- menu.removeClass('hide');
- }
- }
+ button.addClass(settings.selected);
- function animateHide(menu, button) {
- if ( !button ) { var button = menu.parent(); }
+ if (settings.animation.effect == "fade") {
+ menu.fadeIn(settings.animation.show);
+ $(".BG").fadeIn("fast");
+ } else if (settings.animation.effect == "slide") {
+ menu.slideDown(settings.animation.show);
+ $(".BG").fadeIn("fast");
+ } else {
+ menu.show();
+ menu.removeClass("hide");
+ }
+ }
- if ( settings.animation.effect == 'fade' ) {
- menu.fadeOut(settings.animation.hide, function() {
- menu.removeAttr('style');
- button.removeClass(settings.selected);
+ function animateHide(menu, button) {
+ if (!button) {
+ var button = menu.parent();
+ }
+
+ if (settings.animation.effect == "fade") {
+ menu.fadeOut(settings.animation.hide, function () {
+ menu.removeAttr("style");
+ button.removeClass(settings.selected);
+ $(".BG").fadeOut("fast");
+ });
+ } else if (settings.animation.effect == "slide") {
+ menu.slideUp(settings.animation.hide, function () {
+ menu.removeAttr("style");
+ button.removeClass(settings.selected);
+ $(".BG").fadeOut("fast");
+ });
+ } else {
+ menu.hide();
+ menu.addClass("hide");
+ menu.removeAttr("style");
+ button.removeClass(settings.selected);
+ }
+ }
+ $(".BG").click(function () {
$(".BG").fadeOut("fast");
+ $("#primary-nav.mobile").hide();
+ $("#primary-nav-button").removeClass("selected");
});
- } else if ( settings.animation.effect == 'slide' ) {
- menu.slideUp(settings.animation.hide, function() {
- menu.removeAttr('style');
- button.removeClass(settings.selected);
- $(".BG").fadeOut("fast");
- });
- } else {
- menu.hide();
- menu.addClass('hide');
- menu.removeAttr('style');
- button.removeClass(settings.selected);
- }
- }
- $(".BG").click(function(){
- $(".BG").fadeOut("fast");
- $("#primary-nav.mobile").hide();
- $("#primary-nav-button").removeClass("selected");
- });
- };
+ };
});
jQuery(function ($) {
- $('#primary-nav').responsivenav();
- $('#top-nav').responsivenav({responsive:false});
- });
+ $("#primary-nav").responsivenav();
+ $("#top-nav").responsivenav({ responsive: false });
+
+ // 모바일
+ $(".mo_menu").click(function () {
+ // $(this).toggleClass("show");
+ if ($(this).hasClass("show")) {
+ $(this).removeClass("show");
+ } else {
+ $(".mo_menu").removeClass("show");
+ $(this).addClass("show");
+ }
+ });
+
+ $("#primary-nav-button").on("click", function () {
+ $(".mo-nav-wrap").toggleClass("show");
+ $(".wrap .nav-wrap .inner").toggleClass("mo_show");
+ $(".wrap .nav-wrap .inner .left").fadeToggle();
+ $("#mo_search_icon").fadeToggle();
+ });
+
+ $("#mo_search_icon").click(function () {
+ $(".wrap header .inner .search-wrap").slideDown();
+ $(".wrap .nav-wrap").css("display", "none");
+ });
+
+ $("h2.blind .search-close").click(function () {
+ $(".wrap header .inner .search-wrap").slideUp();
+ $(".wrap .nav-wrap").css("display", "block");
+ });
+
+ $(".btn_filter").on("click", function () {
+ $(".article-side").fadeIn();
+ $("html,body").addClass("no-scroll");
+ });
+
+ $(".filter-close").click(function () {
+ $(".article-side").fadeOut();
+ $("html,body").removeClass("no-scroll");
+ });
+ });
/* 메인 메뉴 반응형 end */
});
@@ -450,58 +491,63 @@ $(document).ready(function() {
});
// 하위 리스트 보기
- $('.filter-wrap .depth-1 .check input').each(function () {
- var tabLabel = $(this).next().text();
- if($(this).parents('.depth-1').siblings('.depth-2').length > 0) { //하위 조건이 있을 경우만 버튼 생성
- $(this).parent('.check').append('
');
- }
+ $(".filter-wrap .depth-1 .check input").each(function () {
+ var tabLabel = $(this).next().text();
+ if ($(this).parents(".depth-1").siblings(".depth-2").length > 0) {
+ //하위 조건이 있을 경우만 버튼 생성
+ $(this)
+ .parent(".check")
+ .append('
");
+ }
- $(this).siblings('.tab-name').on('click', function () {
- var _this = $(this).parents('li').index();
+ $(this)
+ .siblings(".tab-name")
+ .on("click", function () {
+ var _this = $(this).parents("li").index();
- $(this).parents('li').siblings('li').find('.depth-1').removeClass('on');
- if (!$('body').hasClass('pop-filter')) {
- if ($(this).parents('.depth-1').hasClass('on')) {
- $(this).parents('.depth-1').removeClass('on');
- } else {
- $(this).parents('.depth-1').addClass('on');
- }
- } else {
- $(this).parents('.depth-1').addClass('on');
- }
-
- // 줄구분용 data 추가
- $(".pop-culture-center .line-1").data("idx", "1");
- $(".pop-culture-center .line-2").data("idx", "2");
- $(".pop-culture-center .line-3").data("idx", "3");
+ $(this).parents("li").siblings("li").find(".depth-1").removeClass("on");
+ if (!$("body").hasClass("pop-filter")) {
+ if ($(this).parents(".depth-1").hasClass("on")) {
+ $(this).parents(".depth-1").removeClass("on");
+ } else {
+ $(this).parents(".depth-1").addClass("on");
+ }
+ } else {
+ $(this).parents(".depth-1").addClass("on");
+ }
- target = $(".pop-filter li.line-" + $(this).parents("li").data("idx") + "");
- size = $(this).parents("div.depth-1").next().outerHeight() + 50 ;
- $(".line-1 , .line-2, .line-3").attr("style" , '');
- target.css("height" , size );
-
- });
+ // 줄구분용 data 추가
+ $(".pop-culture-center .line-1").data("idx", "1");
+ $(".pop-culture-center .line-2").data("idx", "2");
+ $(".pop-culture-center .line-3").data("idx", "3");
- $(this).change( function () {
- var _this = $(this).parents('li').index();
- if ($(this).is(":checked")) {
- $(this).parents('.depth-1').next().stop().slideDown(0);
- $(this).parents('.depth-1').addClass('on');
- $(this).parents('li').siblings('li').find('.depth-1').children('.btn-toggle').text('열기');
- $(this).parents('li').find('.depth-1').children('.btn-toggle').text('닫기');
- $(this).parents('li').siblings('li').find('.depth-1').next().stop().slideUp(0);
- $(this).parents('li').siblings('li').find('.depth-1').removeClass('on');
- }
- });
- });
+ target = $(".pop-filter li.line-" + $(this).parents("li").data("idx") + "");
+ size = $(this).parents("div.depth-1").next().outerHeight() + 50;
+ $(".line-1 , .line-2, .line-3").attr("style", "");
+ // 여기
+ target.css("height", size);
+ });
- $('.filter-wrap .depth-2 input').change(function () {
- if ($(this).is(':checked')) {
- $(this).parents('.depth-2').siblings('.depth-1').find('input').prop('checked', true);
- } else {
- if ($(this).parents('.depth-2').find('input:checked').length <= 0) {
- $(this).parents('.depth-2').siblings('.depth-1').find('input').prop('checked', false);
- }
- }
- });
+ $(this).change(function () {
+ var _this = $(this).parents("li").index();
+ if ($(this).is(":checked")) {
+ $(this).parents(".depth-1").next().stop().slideDown(0);
+ $(this).parents(".depth-1").addClass("on");
+ $(this).parents("li").siblings("li").find(".depth-1").children(".btn-toggle").text("열기");
+ $(this).parents("li").find(".depth-1").children(".btn-toggle").text("닫기");
+ $(this).parents("li").siblings("li").find(".depth-1").next().stop().slideUp(0);
+ $(this).parents("li").siblings("li").find(".depth-1").removeClass("on");
+ }
+ });
+ });
+
+ $(".filter-wrap .depth-2 input").change(function () {
+ if ($(this).is(":checked")) {
+ $(this).parents(".depth-2").siblings(".depth-1").find("input").prop("checked", true);
+ } else {
+ if ($(this).parents(".depth-2").find("input:checked").length <= 0) {
+ $(this).parents(".depth-2").siblings(".depth-1").find("input").prop("checked", false);
+ }
+ }
+ });
});
\ No newline at end of file
diff --git a/src/main/webapp/myinfo-modify.html b/src/main/webapp/myinfo-modify.html
index 3d285a92..0f4ba1ee 100644
--- a/src/main/webapp/myinfo-modify.html
+++ b/src/main/webapp/myinfo-modify.html
@@ -223,11 +223,13 @@
+
+
※ 수신동의를 하시면 ‘자료반납’, ‘자료연체’, ‘예약자료 도착’, ‘열람신청 승인’, ‘열람신청 반려’ 등 자료이용 관련 알림을 받으실 수 있습니다.