$(function(){ // ::::::::: SKIP_NAVI 탭 인덱스(포커스) 처리 :::::::::::::::::::::::::::::::::::::::::::::::::: $(document.body).on("focusin",".gnb > li",function(){ $(".gnb > li").removeClass("show"); $(this).addClass("show"); }).on("focusout",".gnb ,#subWrap",function(){ $(".gnb > li").removeClass("show"); $("#gnbWrap , #subWrap").removeAttr("tabindex"); }).on("click", "#ALL_SKIP_NAVI_DIV a", function(){ skip_tab(this); }).on("change",".input_file",function(){ var idx = $(".input_file").index(this); $(".selectFile").eq(idx).text($(this).val()); }).on("change",".radioTab input,.radioTab1 input",function(){ $(".radioTab,.radioTab1").removeClass("on"); $(this).parent().addClass("on"); }); $(".radTab").each(function(){ var _this = $(this); _this.on("change",".rdTab input",function(){ _this.find(".rdTab").removeClass("on"); $(this).parent().addClass("on"); }) }); // :::::::::: Tab박스 ::::::::::::::::::::::::::::::::::::::::::::::::::: $(window).on("load",function(){ tabReset(); //탭박스 리셋 }); $(document.body).on("click focus",".tab > button",function(){ // 탭버튼 클릭 시 액션 시작 var tabBox = $(this).parent().parent(); // 클릭한 버튼의 최상위 부모obj(여기서는 .tabWrap) var viewCon = $(this).parent().next(); // 클릭한 버튼의 상위 부모의 다음obj (여기서는 .tabCon) tabBox.find(".tab").removeClass("on"); // 모든 탭버튼의 활성화를 위한 클래스 '.acitive'를 지우고 $(this).parent().addClass("on"); // 현재 클릭된 자신의 부모obj에 '.active' 클래스 부여 tabReset(); // 탭박스 높이값 갱신 }).on("click",".subTab > button",function(){ $(".subTab > button").removeClass("on"); $(this).addClass("on"); tabReset(); }).on("click",".subTab2 > button",function(){ $(".subTab2 > button").removeClass("on"); $(this).addClass("on"); tabReset(); }).on("click",".quest > a",function(){ // 자주하는질문 var idx = $(".quest > a").index(this); $(".quest > a").removeClass("on"); $(this).addClass("on"); $(".answer").hide().eq(idx).show(); tabReset(); }).on("click",".courseWrap h4 a",function(){ var idx = $(".courseWrap h4 a").index(this); if(idx == 0){ $(".courseWrap").attr("class","courseWrap"); }else if(idx == 1){ $(".courseWrap").attr("class","courseWrap bg1"); }else if(idx == 2){ $(".courseWrap").attr("class","courseWrap bg2"); }; $(".courseWrap h4").removeClass("on"); $(this).parent().addClass("on"); return false; }).on("click",".detailBtn",function(){ $(this).addClass("on").find("button span").text("상세검색 닫기"); $(".detailSch").show(); }).on("click",".detailBtn.on",function(){ $(this).removeClass("on").find("button span").text("상세검색 열기"); $(".detailSch").hide(); }).on("click",".logTab",function(){ //$(".loginCon").hide(); $(".logTab").removeClass("on"); $(this).addClass("on"); }).on("click",".booksch",function(){ //$(".bookList").show(); }).on("click",".bookListClose",function(){ $(".bookList").hide(); }).on("click",".shBtn",function(){ //학습코칭_2014_08_29 var img = $(this).find("img"), num = img.attr("src").indexOf("1"); if(num == -1){ img.attr("src",img.attr("src").replace("2","1")).attr("alt","내용 보기"); }else{ img.attr("src",img.attr("src").replace("1","2")).attr("alt","내용 숨김"); }; if($(this).next().hasClass("box6")){ $(this).parent().toggleClass("nbb").toggleClass("npb") }; $(this).next().toggle(); tabReset(); }).on("click",".cate_job",function(){ $(".cate_job").removeClass("on"); $(this).addClass("on"); }).on("click",".licens_list li .btn",function(){ var parent = $(this).parents("li"); var idx = $(".licens_list li").index(parent); $(".plan").hide(); $(".plan").eq(idx).show(); }); /* 그래프 */ var maxCnt = 0; $(".grap > div > span").each(function(e){ maxCnt = $(this).text(); }); $(".grap li > div > div").each(function(e){ var marks = $(this).text(); var sticHeight = 0; if(maxCnt == 0) { sticHeight = marks * 11; } else { sticHeight = 110 * marks / maxCnt; } var speed = 100; speed = speed * e; $(this).delay(speed).animate({"height":sticHeight},500); }); /* 그래프 - newStyle : 161107 */ var maxCnt = 0; $(".grap-area > div > span").each(function(e){ maxCnt = $(this).text(); }); $(".grap-area li > div > div").each(function(e){ var marks = $(this).text(); var sticHeight = 0; if(maxCnt == 0) { sticHeight = marks * 8; } else { sticHeight = 225 * marks / maxCnt; } var speed = 100; speed = speed * e; $(this).delay(speed).animate({"height":sticHeight},500); }); /*메인화면 로그인박스*/ $(".idpw input").on("focusin",function(){ $(this).prev().hide() }).on("focusout",function(){ if(!$(this).val()){ $(this).prev().show() } }); /*메인 하단 배너롤링*/ var bannerSize = $(".bannerBox a").size(); if(bannerSize > 6) { $(".bannerBox").css({"position":"absolute","left":0}); btmRoll(); }; function btmRoll(){ var timer = setInterval(function(){ imgRoll(); },2000); $(".bannerBox").on("mouseenter",function(){ clearInterval(timer); }).on("mouseleave",function(){ timer = setInterval(function(){ imgRoll(); },2000); }); $(".bannerBox a").on("focusin",function(){ clearInterval(timer); }) }; function imgRoll(){ var imgWidth = $(".bannerBox a").eq(0).outerWidth(); $(".bannerBox").stop().animate({"left":$(".bannerBox").position().left-imgWidth},300,function(){ var obj = $(".bannerBox a").eq(0).clone(); $(".bannerBox a").eq(0).remove(); $(".bannerBox").css("left",0); $(".bannerBox").append(obj); }); }; /* 함수모음 */ /* SKIP_NAVI 탭 인덱스(포커스) 처리함수 */ function skip_tab(obj){ var target = $(obj); $(target.attr("href")).attr("tabindex","0").focus(); }; }); /* 탭박스 리셋*/ function tabReset(){ $(".tabWrap").each(function(){ var viewCon = $(".tab.on",this).next(); // tabCon if(viewCon.find(".subTab").size()){ var subTab = viewCon.find(".subTab"), subCon = subTab.find("> button.on").next(), subTab2,subCon2,sum,sum2; if(subTab.find(".subTab2").size()){ subTab2 = subTab.find(".subTab2"); subCon2 = subTab2.find("> button.on").next(); sum = subTab.height() + subCon.height(); sum2 = subTab2.height() + subCon2.height(); var result = sum + sum2; $(this).height(result+90); $(this).css("overflow","hidden"); }else{ sum = subTab.height() + subCon.height(); $(this).height(sum+33); }; }else{ $(this).height(viewCon.height()+33); // 33은 탭버튼 높이 //$("#warp").css('overflow','hidden'); }; }); }; function winPopup(url,w,h){ x=(screen.availWidth-w)/2; y=(screen.availHeight-h)/2; sb=window.open(url,"","width="+w+",height="+h+",top="+(y-20)+",left="+x+",menubar=no,status=no,toolbar=no,scrollbars=1"); //sb.focus(); };