// $(document).ready(function () { //햄버거 아이콘 클릭시 .mobile이 위->아래 메뉴 /* $(function () { $('.fa-bars').click(function () { $('.mobile').addClass('bk'); $('.mobile').css({ 'top': '0' }); $('.fa-bars').hide(); $('.fa-times').show(); }); $('.fa-times').click(function () { $('.mobile').css({ 'top': '-300%' }); $('.fa-bars').show(); $('.fa-times').hide(); }); }); */ //헤더고정 스크롤 // $(function () { // var headerTop = $('header').offset().top; // $(window).scroll(function () { // var scrollTop = $(window).scrollTop(); // if (headerTop < scrollTop) { // $('header').addClass('fixed').stop(); // } else { // $('header').removeClass('fixed'); // } // }); // }) // // }); //메인이미지 슬라이드 PC /* $(function () { $('.pc_slide_wrap').slick({ dots: true, infinite: true, speed: 250, slidesToShow: 1, slidesToScroll: 1, autoplay: true, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 360, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); }); */ // //메인이미지 슬라이드 MO // $(function () { // $('.mo_slide_wrap').slick({ // // variableWidth: true, // dots: true, // infinite: true, // speed: 200, // slidesToShow: 1, // slidesToScroll: 1, // autoplay: true, // responsive: [{ // breakpoint: 1024, // settings: { // slidesToShow: 1, // slidesToScroll: 1, // infinite: true, // dots: true // } // }, // { // breakpoint: 600, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // }, // { // breakpoint: 360, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // } // ] // }); // }); // //슬라이드 멈춤/재생 // $('.play').click(function(){ // $('.mo_slide_wrap').slick('slickPlay'); // }); // $('.stop').click(function(){ // $('.mo_slide_wrap').slick('slickPause'); // }); /*-------------------- e-sports league -------------------*/ /*-------------------- e-sports league -------------------*/ /*-------------------- e-sports league -------------------*/ /* Join The league Join 눌렀을때 */ $(function () { $(".banner_joinbtn").click(function () { // #. 포트나이트 계정이 연결되어 있지 않으면 표시함 //$(".epic_edit_modal").show(); // #. 리그 참가 등록 처리 JoinLeague(sGlobalUserCode); // #. 리그 진행상태로 표시 SetLeague_Status(true); }); }); // #. 위의 함수와 중복됨 //$(".banner_joinbtn").click(function () { $(".epic_edit_modal").show(); }); //포트나이트 리더보드 슬라이드 MO // $(function () { // $('.fnwk_slick').slick({ // dots: true, // infinite: true, // speed: 250, // slidesToShow: 1, // slidesToScroll: 1, // autoplay: false, // responsive: [{ // breakpoint: 1024, // settings: { // slidesToShow: 1, // slidesToScroll: 1, // infinite: true, // dots: true // } // }, // { // breakpoint: 600, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // }, // { // breakpoint: 360, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // } // ] // }); // }); // FN Information 모달 // $(function () { // $(".fn_leag .leag_info").click(function () { // $("#info_fn").show(); // }); // //.modal안에 button을 클릭하면 .modal닫기 // $("#info_fn").click(function () { // $("#info_fn").hide(); // }); // //.modal밖에 클릭시 닫힘 // $("#info_fn").click(function (e) { // if (e.target.className == "info_modal") { // $("#info_fn").hide(); // // return false; // } // }); // }); // // offline leeague Information 모달 // $(function () { // $(".offleag_info").click(function () { // $("#info_offline").show(); // }); // //.modal안에 button을 클릭하면 .modal닫기 // $("#info_offline button").click(function () { // $("#info_offline").hide(); // }); // //.modal밖에 클릭시 닫힘 // $("#info_offline").click(function (e) { // if (e.target.className == "info_modal") { // $("#info_offline").hide(); // // return false; // } // }); // }); // // AG Information 모달 // $(function () { // $(".ag_leag .leag_info").click(function () { // $("#info_fn").show(); // }); // //.modal안에 button을 클릭하면 .modal닫기 // $("#info_ag button").click(function () { // $("#info_fn").hide(); // }); // //.modal밖에 클릭시 닫힘 // $("#info_ag").click(function (e) { // if (e.target.className == "info_modal") { // $("#info_ag").hide(); // // return false; // } // }); // }); // // end game (끝난게임) Information 모달 // $(function () { // $(".end_leag .leag_info").click(function () { // $("#info_end").show(); // }); // //.modal안에 button을 클릭하면 .modal닫기 // $("#info_end button").click(function () { // $("#info_end").hide(); // }); // //.modal밖에 클릭시 닫힘 // $("#info_end").click(function (e) { // if (e.target.className == "info_modal") { // $("#info_end").hide(); // // return false; // } // }); // }); // /* 앱게임 리그의 인포버튼 눌렀을때 앱게임 메인(몬테주마페이지)로 안 넘어가게 하기 (href 삭제) */ // $(function () { // $(".ag_leag .leag_info").click(function () { // $(".go_app_detailpage").attr("href", "#") // return false; // }); // }); // /* 앱게임 리그의 join_gobanner 눌렀을때 앱게임 메인(몬테주마페이지)로 다시 넘어가게 하기 */ // $(function () { // $(".ag_leag .diagonal").click(function () { // $(".go_app_detailpage").attr("href", "/sub/montezuma_daily.html") // }); // }); /*-------------------- e-sports index -------------------*/ /*-------------------- e-sports index -------------------*/ //Join the fortnite 슬라이드 MO //잠시 멈춤 $(function () { // $('.join_slider').slick({ // dots: true, // infinite: true, // speed: 300, // slidesToShow: 1, // slidesToScroll: 1, // autoplay: true, // responsive: [{ // breakpoint: 1024, // settings: { // slidesToShow: 1, // slidesToScroll: 1, // infinite: true, // dots: true // } // }, // { // breakpoint: 600, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // }, // { // breakpoint: 360, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // } // ] // }); // //Notice 읽었을때 addclass로 어둡게 효과주기 // //1020 // $(function () { // // .expand 클래스 의 HTML 을 클릭했을 때, // $('.notice_cont').click(function () { // $(this).addClass('after_read'); // }); // }); // //Notice More버튼 // $(function () { // // .expand 클래스 의 HTML 을 클릭했을 때, // $('.expand').click(function () { // if ($(this).text() == '종목 더보기') { // $('.notice').css({ // 'height': '420px', // }); // $(this).text('Hide'); // } else { // $(this).text('More'); // $('.notice').css({ // 'height': '100%', // }); // } // // console.log( $( this ).text() ); // $('.show').slideToggle(0); // }); // }); //PC Notice More버튼 /* $(function () { $('.expand.pcshow').click(function () { if ($(this).text() == 'More') { $('.notice').css({ 'height': '545px', }); $(this).text('Hide'); } else { $(this).text('More'); $('.notice').css({ 'height': '100%', }); } $('.show').slideToggle(0); }); }); */ // week rank 표 //클릭하면 클래스명 on이 붙고 떨어지게 할것임 // $(function () { // $('.weekrank .tab_list li').click(function () { // $('.weekrank .tab_list li').removeClass('tab_on'); // //일단 모든 on을 지워주고 시작 // $(this).addClass('tab_on'); // //이 클릭한 클래스에만 클래스명을 붙힘 // $('.weekrank .tab_cont li').removeClass('tab_on'); // //eq로 순서짝 찾고 index로 가져옴 // //순서찾기($(내가클릭한요소)).순서가져오기())) // $('.weekrank .tab_cont li').eq($(this).index()).addClass('tab_on'); // }); // }); // notice 모달 $(function () { // 글자 클릭시 해당 내용 모달 $(".notice_cont").click(function () { var noti_cate = $(this).children().children('.not_cate').text(); $(".modalBox .load_cate").text(noti_cate); var noti_tit = $(this).children().children('.not_title').text(); /* this 가 각각의 공지 한줄 */ /*childran()은 ul notice-line */ /*childran중의 ('.not_title')를 가져오는게 됨 */ /* modalbox의 load_title에 noti_tit에 담긴 글자 즉, 제목을 보여줌*/ $(".modalBox .load_title").text(noti_tit); /* .not_title의 text()글자를 noti_tit에 담음 */ /* 아래도 위와 같은 load_des에 담긴 글자 즉, 설명을 보여줌 */ var noti_des = $(this).children().children('.not_de').text(); $(".modalBox .load_des").text(noti_des); $(".modal").show(); /* 모달 쇼는 마지막에 넣어주는게 좋음 -> 백엔드가 들어가면 시간이 걸려서 딜레이때문에 미리교체를 해놓고 보여줘서 과정못보게함 */ }); //.modal안에 button을 클릭하면 .modal닫기 $(".modal button").click(function () { $(".modal").hide(); }); //.modal밖에 클릭시 닫힘 $(".modal").click(function (e) { if (e.target.className != "modal") {} else { $(".modal,.contact_modal").hide(); } }); }); /* ---------------E-sports MISSION:fn_box1--------------- */ /* ---------------E-sports MISSION:fn_box1--------------- */ /* fn 미션 익스텐드 눌렀을때 */ $(function () { $('#fn_box1 .mission_less_btn').click(function () { $('#fn_box1 .mission_less_btn').hide(); $('#fn_box1 .mission_more_btn').show(); $('#fn_box1 .mission_cont_btm').css({ 'height': '105px', }); $('#fn_box1 .mission_cont_btm').slideDown(200); }); $('#fn_box1 .mission_more_btn').click(function () { $('#fn_box1 .mission_more_btn').hide(); $('#fn_box1 .mission_less_btn').show(); $('#fn_box1 .mission_cont_btm').slideDown(200).css({ 'height': '100%', }); }); }); /* Less@221021 데일리미션 조인 시 Yellow, Red Section 전환 ( Show & Hide ) 추가 $('#fn_box1 .yellow_go_btn').hide(); $('#fn_box1 .red_inprogress_btn').show(); */ /* fn 미션 조인 눌렀을때 */ // $(function () { // $('#fn_box1 .mission_start_btn').click(function () { // $('#fn_box1 .playbtn').hide(); // $('#fn_box1 .ing_circle').show(); // $('#fn_box1 .join_text').hide(); // $('#fn_box1 .timer').show(); // $('#fn_box1 .mission_start_btn').css({ // 'pointer-events': 'none' // }); // // // $('#fn_box1 .yellow_go_btn').hide(); // $('#fn_box1 .red_inprogress_btn').show(); // }); // // // }); /* ---------------MISSION:fn_box2--------------- */ $(function () { $('#fn_box2 .mission_less_btn').click(function () { $('#fn_box2 .mission_less_btn').hide(); $('#fn_box2 .mission_more_btn').show(); $('#fn_box2 .mission_cont_btm').css({ 'height': '105px', }); $('#fn_box2 .mission_cont_btm').slideDown(200); }); $('#fn_box2 .mission_more_btn').click(function () { $('#fn_box2 .mission_more_btn').hide(); $('#fn_box2 .mission_less_btn').show(); $('#fn_box2 .mission_cont_btm').slideDown(200).css({ 'height': '100%', }); }); }); /* 끝난경기 미션 익스텐드 눌렀을때 */ $(function () { $('#fn_box2_end .mission_less_btn').click(function () { $('#fn_box2_end .mission_less_btn').hide(); $('#fn_box2_end .mission_more_btn').show(); $('#fn_box2_end .mission_cont_btm').css({ 'height': '105px', }); $('#fn_box2_end .mission_cont_btm').slideDown(200); }); $('#fn_box2_end .mission_more_btn').click(function () { $('#fn_box2_end .mission_more_btn').hide(); $('#fn_box2_end .mission_less_btn').show(); $('#fn_box2_end .mission_cont_btm').slideDown(200).css({ 'height': '100%', }); }); }); /* ag 미션 조인 눌렀을때 */ $(function () { $('#fn_box2 .mission_start_btn').click(function () { // #. 미션 2 - PLACEMENT 미션 Start // #. 데일리 미션 참가 등록 JoinDailyMission(sGlobalUserCode, 2); // #. 미션 참가 상태로 UI 설정 SetDailyMission_Status(2, 1); /* $('#fn_box2 .playbtn').hide(); $('#fn_box2 .ing_circle').show(); $('#fn_box2 .join_text').hide(); $('#fn_box2 .timer').show(); $('#fn_box2 .mission_start_btn').css({ 'pointer-events': 'none' }); */ }); }); /* ---------------MISSION:fn_box3--------------- */ /* ag 미션 익스텐드 눌렀을때 */ $(function () { $('#fn_box3 .mission_less_btn').click(function () { $('#fn_box3 .mission_less_btn').hide(); $('#fn_box3 .mission_more_btn').show(); $('#fn_box3 .mission_cont_btm').css({ 'height': '105px', }); $('#fn_box3 .mission_cont_btm').slideDown(200); }); $('#fn_box3 .mission_more_btn').click(function () { $('#fn_box3 .mission_more_btn').hide(); $('#fn_box3 .mission_less_btn').show(); $('#fn_box3 .mission_cont_btm').slideDown(200).css({ 'height': '100%', }); }); }); /* Less@221021 데일리미션 조인 시 Yellow, Red Section 전환 ( Show & Hide ) 추가 $('#fn_box3 .yellow_go_btn').hide(); $('#fn_box3 .red_inprogress_btn').show(); */ /* ag 미션 조인 눌렀을때 */ // $(function () { // $('#fn_box3 .mission_start_btn').click(function () { // $('#fn_box3 .playbtn').hide(); // $('#fn_box3 .ing_circle').show(); // $('#fn_box3 .join_text').hide(); // $('#fn_box3 .timer').show(); // $('#fn_box3 .mission_start_btn').css({ // 'pointer-events': 'none' // }); // // // // $('#fn_box3 .yellow_go_btn').hide(); // $('#fn_box3 .red_inprogress_btn').show(); // }); // // // // }); /* ----------- Fn Join now 타이머 ----------- */ /* Less@221021 데일리미션 조인 시 타이머 스크립트 재작성 */ // $(function () { //----------------------------------------------------------------------------------------------------------// // #. Daily Mission Start 버튼 이벤트 //----------------------------------------------------------------------------------------------------------// // $(document).on('click', '#fn_box1 .mission_start_btn, #fn_box1 .yellow_go_btn', function () { // #. 미션 1 - ELIMINATION 미션 Start // #. 데일리 미션 참가 등록 // JoinDailyMission(sGlobalUserCode, 1); // #. 미션 참가 상태로 UI 설정 // SetDailyMission_Status(1, 1); // $("#fn_box1 .mission_start_btn").click(function () { /* if ( iGlobalUserLogin < 1 ) { alert( 'Please Login for play' ); location.href = HTML_USER_LOGIN; return; } $('#fn_box1 .playbtn').hide(); $('#fn_box1 .ing_circle').show(); $('#fn_box1 .join_text').hide(); $('#fn_box1 .timer').show(); $('#fn_box1 .mission_start_btn').css({ 'pointer-events': 'none' }); $('#fn_box1 .yellow_go_btn').hide(); $('#fn_box1 .red_inprogress_btn').show(); var oDate = new Date(); var iDateHour = ( oDate.getHours() * 60 * 60 ); var iDateMinutes = ( oDate.getMinutes() * 60 ); var iDateSeconds = oDate.getSeconds(); var iTimerBase = ( 60 * 60 * 24 ); var iTimerNow = ( iDateHour + iDateMinutes + iDateSeconds ); var iTimer = ( iTimerBase - iTimerNow ); iTimer = iTimer; var oTimerInterval = setInterval( function() { var iTimerHour = Math.floor( iTimer / 60 / 60 ); var iTimerMinutes = Math.floor( iTimer / 60 % 60 ); var iTimerSeconds = Math.floor( iTimer % 60 ); var sTimerHour = ( iTimerHour < 10 ? '0' + iTimerHour : iTimerHour ); var sTimerMinutes = ( iTimerMinutes < 10 ? '0' + iTimerMinutes : iTimerMinutes ); var sTimerSeconds = ( iTimerSeconds < 10 ? '0' + iTimerSeconds : iTimerSeconds ); var sTimer = `${sTimerHour}:${sTimerMinutes}:${sTimerSeconds}`; $( '#fn_box1 #timer' ).text( sTimer ); iTimer--; if ( iTimer < 0 ) { clearInterval( oTimerInterval ); location.reload(); } }, 1000 ); */ // console.log('---------------------버튼 클릭 이벤트 발생----------------'); // var SetTime = (60 * 60 * 24); // // var tid = setInterval(function msg_time() { // // var iHour = Math.floor(SetTime / 60 / 60); // var iMin = Math.floor(SetTime / 60 % 60); // var iSec = Math.floor(SetTime % 60); // // 시분초를 따로하는게 편함 // //Math.floor : 소숫점버리는 함수 // var sTime = iHour + ":" + iMin + ":" + iSec; // // // console.log('반복 - 시간나오는지 확인 시작----------------'); // console.log(iSec); // 시간 나오는지 확인 // // // $('#fn_box1 #timer').text(sTime); // SetTime--; // 1초씩 감소 // if (SetTime < 0) { // 시간이 종료 되었으면.. // // console.log('---------------------종료 - 타이머 이벤트 끝 ----------------'); // clearInterval(tid); // 종료알람과함께 타이머 해제 (0으로 바뀜) // alert("종료"); // } // }, 1000); // }); /* ----------- Ag Join now 타이머 ----------- */ // $(document).on('click', '#fn_box3 .mission_start_btn, #fn_box3 .yellow_go_btn', function () { // alert('MS3'); // // #. 미션 3 - PLAY TIMES 미션 Start // // #. 데일리 미션 참가 등록 // JoinDailyMission(sGlobalUserCode, 3); // // #. 미션 참가 상태로 UI 설정 // SetDailyMission_Status(3, 1); // /* // if ( iGlobalUserLogin < 1 ) // { // alert( 'Please Login for play' ); // location.href = HTML_USER_LOGIN; // return; // } // $('#fn_box3 .playbtn').hide(); // $('#fn_box3 .ing_circle').show(); // $('#fn_box3 .join_text').hide(); // $('#fn_box3 .timer').show(); // $('#fn_box3 .mission_start_btn').css({ // 'pointer-events': 'none' // }); // $('#fn_box3 .yellow_go_btn').hide(); // $('#fn_box3 .red_inprogress_btn').show(); // iTimer = ( 60 * 60 * 1 ); // var oTimerInterval = setInterval( function() // { // var iTimerHour = Math.floor( iTimer / 60 / 60 ); // var iTimerMinutes = Math.floor( iTimer / 60 % 60 ); // var iTimerSeconds = Math.floor( iTimer % 60 ); // var sTimerHour = ( iTimerHour < 10 ? '0' + iTimerHour : iTimerHour ); // var sTimerMinutes = ( iTimerMinutes < 10 ? '0' + iTimerMinutes : iTimerMinutes ); // var sTimerSeconds = ( iTimerSeconds < 10 ? '0' + iTimerSeconds : iTimerSeconds ); // var sTimer = `${sTimerHour}:${sTimerMinutes}:${sTimerSeconds}`; // $( '#fn_box3 #timer' ).text( sTimer ); // iTimer--; // if ( iTimer < 0 ) // { // clearInterval( oTimerInterval ); // location.reload(); // } // }, 1000 ); // */ // // var SetTime = (60 * 60 * 24); // // // // var tid = setInterval(function msg_time() { // // var iHour = Math.floor(SetTime / 60 / 60); // // var iMin = Math.floor(SetTime / 60 % 60); // // var iSec = Math.floor(SetTime % 60); // // // // Math.floor // // var sTime = iHour + ":" + iMin + ":" + iSec; // // // // // // // // $('#fn_box3 #timer').text(sTime); // // SetTime--; // // if (SetTime < 0) { // // clearInterval(tid); // // alert("종료"); // // } // // }, 1000); // }); // }); // contact 모달 // $(function () { // $(".contact").click(function () { // $(".contact_modal").show(); // }); // //.modal안에 button을 클릭하면 .modal닫기 // $(".contact_modal button").click(function () { // $(".contact_modal").hide(); // }); // //.modal밖에 클릭시 닫힘 // $(".contact_modal").click(function (e) { // if (e.target.className == "contact_modal") { // $(".contact_modal").hide(); // } // }); // }); /*----------------------- My page -----------------------*/ /*----------------------- My page -----------------------*/ /*----------------------- My page -----------------------*/ //프로필 사진 바꾸기 $(document).on('click', '#imagetag', function () { $('#inputfile').click(); }); $(document).on('change', '#inputfile', function () { var file = $(this)[0].files[0]; var oFileReader = new FileReader(file); oFileReader.onload = (function (file) { return function (event) { $('#imagetag').attr('src', event.target.result); }; })(file); oFileReader.readAsDataURL(file); }); // pro_edit 모달 $(function () { /* Less@221021 - 시연을 위해 프로필 수정 팝업 스크립트 임시 주석처리 $(".propic_name").click(function () { $(".pro_edit_modal").show(); }); */ //.modal안에 button을 클릭하면 .modal닫기 $(".pro_edit_modal button").click(function () { $(".pro_edit_modal").hide(); }); //.modal밖에 클릭시 닫힘 $(".pro_edit_modal").click(function (e) { if (e.target.className == "pro_edit_modal") { $(".pro_edit_modal").hide(); // return false; /* 여기서 return false;를 사용하게 되면 안에들어간 기능.. a href들을 사용할 수 없기 때문에 쓰면 안됨 */ } }); }); /*------------ 에픽계정 연동 팝업모달 ------------*/ /*------------ 에픽계정 연동 팝업모달 ------------*/ /*------------ 에픽계정 연동 팝업모달 ------------*/ /* 1019 */ // $(function () { // /* Less@221021 // - 시연을 위해 에픽 연동 팝업 스크립트 임시 주석처리 // */ // $(".fnline .line_img").click(function () { // $(".epic_edit_modal").show(); // }); // //.modal안에 button을 클릭하면 .modal닫기 // $(".epic_closebtn").click(function () { // $(".epic_edit_modal").hide(); // }); // //.modal밖에 클릭시 닫힘 // $(".epic_edit_modal").click(function (e) { // if (e.target.className == "epic_edit_modal") { // $(".epic_edit_modal").hide(); // InitTest(); // /* 정의된 공통부분 불러옴 */ // } // }); // }); // /* 공통 부분 함수로 정의 */ // function InitTest() { // $('#epic_code').val("").attr("disabled", false); // $('.loading_cir').css({ // 'display': 'none', // }); // $('.delete_all').css({ // 'display': 'none', // }); // $('.epiccode_require_message').css({ // 'display': 'none', // }); // } //에픽계정 연동 인풋 /* 서밋버튼 클릭시 */ $('.epic_submitbtn').on("click", function () { /* 내용이 없으면 오류메세지 띄우기,로딩서클 없애기 */ if ($('#epic_code').val() == '') { $('.epiccode_require_message').css({ 'display': 'block', }); $('.loading_cir').css({ 'display': 'none', }); return false; } /* 내용이 있으면 오류메세지 숨기기, submit로딩서클보이기, x버튼 없애기, 코드입력창 비활성화하기 */ if ($('#epic_code').val() != '') { $('.epiccode_require_message').css({ 'display': 'none', }); /* 로딩서클 보이기 */ $('.loading_cir').css({ 'display': 'inline-block', }); $('#epic_code').attr("disabled", true); $('.delete_all').css({ 'display': 'none', }); //---------------------------------------------------------------------// // #. 입력된 Fortnite Nickname 유효성 검사 및 DB 등록 //---------------------------------------------------------------------// var in_Fortnite_Nicaname = $('#epic_code').val(); SetFortniteNickName(sGlobalUserCode, in_Fortnite_Nicaname); } }); /* 닫을 시 안의 코드 다사라짐, disabled 수정가능하게 바뀜,서클버튼 사라짐,x버튼 사라짐,오류메세지 사라짐(즉, 처음 열었을때의 상태로 돌림)*/ $('.epic_closebtn').on("click", function () { InitTest(); /* 정의된 공통부분 불러옴 */ }); //키 눌렀을때 한번에 지우는 버튼(X) 나타나게 함 $('#epic_code').on("keyup", function () { if ($('#epic_code').val() == '') { $('.delete_all').css({ 'display': 'none', }); return false; } if ($('#epic_code').val() != '') { $('.delete_all').css({ 'display': 'block', }); } }); // X 눌러서 직접 코드 지우기 $('.delete_all').on("click", function () { $('#epic_code').val(""); $('.delete_all').hide(); }); /* Record의 리스트메뉴 보기 */ $('#record_menu').on("change", function () { // console.log( $( this ).val() ); // 비교연산자 if ($(this).val() == '1') { console.log('첫번째 옵션 ') $('.my_lea_re .leag_record_menu1').show(); $('.my_lea_re .leag_record_menu2').hide(); } if ($(this).val() == '2') { console.log('두번째 옵션 ') $('.my_lea_re .leag_record_menu1').hide(); $('.my_lea_re .leag_record_menu2').show(); } }); /* ------------ sports js start ------------ */ /* ------------ sports js start ------------ */ /* ------------ sports js start ------------ */ // sports More버튼 // all 스케줄 테이블 $(document).on('click', '.tab_list .tab_wrap li', function () { //tab_list li(각 날짜) 클릭 시 기능 console.log('------------확인--------------------'); console.log('$.tab_list .tab_wrap li'); var tabList = $(this).parent().parent().find('li'); var tabCont = $(this).parent().parent().siblings('.tab_cont').children('li'); tabList.removeClass('tab_on'); $(this).addClass('tab_on'); tabCont.removeClass('tab_on') tabCont.eq($(this).index()).addClass('tab_on'); }); // all 외 스케줄 테이블 $(document).on('click', '.tab_list > li', function () { //tab_list li(각 날짜) 클릭 시 기능 var tabList = $(this).siblings('li'); var tabCont = $(this).parent().siblings('.tab_cont').children('li'); tabList.removeClass('tab_on'); $(this).addClass('tab_on'); tabCont.removeClass('tab_on') tabCont.eq($(this).index()).addClass('tab_on'); }); // 스케줄테이블 스크롤 중앙으로 옮기기 // 1028 hesper // var menuHeight = document.querySelector(".menu").offsetHeight; //$('.tab_list').scrollLeft(($('.tab_list')[0].scrollWidth - $('.tab_list').width()) / 2); if ($('.tab_list').length > 0) { // 요소가 존재하는지 확인 후 처리 var tabListElement = $('.tab_list')[0]; if (tabListElement.scrollWidth) { // scrollWidth 속성에 안전하게 접근 var scrollWidth = tabListElement.scrollWidth; var elementWidth = $('.tab_list').width(); $('.tab_list').scrollLeft((scrollWidth - elementWidth) / 2); } } // 0105 hesper /* 모든종목(처음 화면에 뜨는 기본정보) 클릭 시 관련 schedule 보여줌*/ $(function () { $('.cont_wrap div').removeClass('sports_show_on'); //모든 내용이 보여져 있기 때문에 sports_show_on 를 없애서 다 지우고 $('#all_show').addClass('sports_show_on'); //처음에 all_show(모든 종목)내용만 보여줌 //다른 걸 클릭 했다가 다시 모든 종목을 보기위해 spo_all을 클릭시 all_show(모든종목 내용)를 불러옴 $('#spo_all').click(function () { $('.cont_wrap div').removeClass('sports_show_on'); $('#all_show').addClass('sports_show_on'); }); }); /* 볼링 클릭 시 관련 schedule 보여줌*/ $(function () { $('#spo_bowling').click(function () { $('.cont_wrap div').removeClass('sports_show_on'); $('#bowling_show').addClass('sports_show_on'); }); }); /* 당구 클릭 시 관련 schedule 보여줌*/ $(function () { $('#spo_bil').click(function () { $('.cont_wrap div').removeClass('sports_show_on'); // $('tbody').removeClass('past_sche'); $('#bil_show').addClass('sports_show_on'); }); }); /* 테니스 클릭 시 관련 schedule 보여줌*/ $(function () { $('#spo_tennis').click(function () { $('.cont_wrap div').removeClass('sports_show_on'); // $('tbody').removeClass('past_sche'); $('#tennis_show').addClass('sports_show_on'); }); }); /* 배드민턴 볼 클릭시 관련 schedule 보여줌*/ $(function () { $('#spo_bad').click(function () { $('.cont_wrap div').removeClass('sports_show_on'); // $('tbody').removeClass('past_sche'); $('#bad_show').addClass('sports_show_on'); }); }); }); // /* ------------ register js start ------------ */ // /* ------------ register js start ------------ */ // /* ------------ register js start ------------ */ // // // /* register 1단계 : 이메일만 입력하기 */ // // /* 이메일이 비어있을때 경고알림 */ // $('.sendcode_btn').on("click", function () { // // if ($('#email_id').val() == '') { // $('#email_require').text('PLEASE INPUT YOUR EMAIL ADDRESS'); // $('.email_require_message').css({ // 'display': 'block', // }); // // /* return false; */ // } // // /* if (이메일이 비어있는게 아닐경우) */ // if ($('#email_id').val() != '') { // $('#email_require').text(''); // $('.email_require_message').css({ // 'display': 'block', // }); // } // // }); // // /* // $(document).on('click', '.sendcode_btn', function () { // // if ($("#ch1").attr("checked", false)) { // $('.check_box1 .checkbox_require_message').css({ // 'display': 'block', // }); // } else { // $('.check_box1 .checkbox_require_message').css({ // 'display': 'none', // }); // } // }); */ // // /* 체크박스1이 체크 되어 있지 않으면 경고알림 */ // $(document).on('click', '.sendcode_btn', function () { // // if ($("#ch1").prop("checked")) { // $('.check_box1 .checkbox_require_message').css({ // 'display': 'none', // }); // // } else { // $('.check_box1 .checkbox_require_message').css({ // 'display': 'block', // }); // } // }); // /* 체크박스2가 체크 되어 있지 않으면 경고알림 */ // $(document).on('click', '.sendcode_btn', function () { // // if ($("#ch2").prop("checked")) { // $('.check_box2 .checkbox_require_message').css({ // 'display': 'none', // }); // // } else { // $('.check_box2 .checkbox_require_message').css({ // 'display': 'block', // }); // } // }); // // // // $(document).on('click', '.sendcode_btn', function () { // // /* 이메일 주소가 들어있고 체크박스 1,2가 체크돼있을때*/ // if (($("#email_id").val() != '') && ($("#ch1").prop("checked")) && ($("#ch2").prop("checked"))) { // $('.check_box_wrap').css({ // 'display': 'none', // }); // $('.bottom_linebox').css({ // 'display': 'none', // }); // $('.regi_detail').text('Please check your mailbox and enter the authentication code If you haven\'t received an email, please check the junk folder'); // // $('#email_id').attr("disabled", true); // $('.delete_all').css({ // 'display': 'none' // }); // $('.email').css({ // 'opacity': '.5', // }); // $('.email_resend').css({ // 'display': 'inline-block' // }); // $('.email_succ_show').css({ // 'display': 'block', // }); // $('.sendcode_btn').css({ // 'display': 'none', // }); // $('.confirm').css({ // 'display': 'block', // }); // $('.regi_save').css({ // 'display': 'none', // }); // // // // // } // // }); // // // /* 체크박스랑 이메일이 다 들어갔을때, 배경색을 줌 */ // /* 이메일 */ // $(document).on('keyup', '#email_id', function () { // if (($("#email_id").val() != '') && ($("#ch1").prop("checked")) && ($("#ch2").prop("checked"))) { // // $('#send_code_btn').css({ // 'background-color': '#222', // }); // // } else { // $('#send_code_btn').css({ // 'background-color': '#888', // }); // } // }); // /* 체크박스 */ // $(document).on('change', '#ch1 , #ch2', function () { // if (($("#email_id").val() != '') && ($("#ch1").prop("checked")) && ($("#ch2").prop("checked"))) { // // $('#send_code_btn').css({ // 'background-color': '#222', // }); // // } else { // $('#send_code_btn').css({ // 'background-color': '#888', // }); // } // }); // // /* register 2단계 : 이메일 인증 */ // /* . email_code를 입력했을때키를 누르면 regi_confirm_btn 활성화 된 효과넣기 */ // $(document).on('keyup', '#email_code', function () { // if ($("#email_code").val() == '') { // $('#regi_confirm_btn').css({ // 'background-color': '#888', // }); // } else { // $('#regi_confirm_btn').css({ // 'background-color': '#222', // }); // } // }); // // // /* 레지컨필름 버튼 눌렀을때 */ // /* 이메일 코드 입력안했을때 실패알람 */ // $('#regi_confirm_btn').on("click", function () { // // if ($('#email_code').val() == '') { // $('#pw_require').text('PLEASE INPUT YOUR EMAIL CODE'); // $('.pw_require_message').css({ // 'display': 'block', // }); // } // // // /* if (이메일코드가 비어있는게 아닐경우 : 검사통과 했을경우) */ // if ($('#email_code').val() != '') { // $('#pw_require').text(''); // $('.pw_require_message').css({ // 'display': 'none', // }); // $('.regi_detail').text('PLEASE SET YOUR PASSWORD'); // $('.pw_require_message').css({ // 'display': 'block', // }); // $('.email').css({ // 'opacity': '.9', // }); // $('.email_resend').css({ // 'display': 'none' // }); // $('#regi_confirm_btn').css({ // 'display': 'none' // }); // $('.regi_save').css({ // 'display': 'block' // }); // $('.email_code_hide').css({ // 'display': 'none' // }); // // $('#regi_password').css({ // 'display': 'block' // }); // $('#regi_new_pw_check_show').css({ // 'display': 'block' // }); // // $('.new_pw_show').css({ // 'display': 'block', // }); // $('.id_password_regi_title').css({ // 'display': 'block', // }); // $('#email_require').css({ // 'display': 'none', // }); // $('.pw_require_message').css({ // 'display': 'none', // }); // // // /* 비밀번호 적는창 2개 추가해서 넣고 */ // // // // } // // // /* confirm 2(회원가입 완료) 만들었을때*/ // /* confirm 2 눌렀을때 비밀번호 두개 적은게 일치하면 로그인으로 돌아가기 // 아니면 경고알림 띄우기 */ // /* confirm2 눌렀을때 로그인으로 돌아가기*/ // // // // }); // // // /* register 2-3단계 : 아이디 비번 / 비번확인 완료 후 로그인창으로 가기 (login으로)*/ // /* 아래코드 수정필요함 */ // // // /* 모두 입력 후 confirm 눌렀을때, detail글자 변경, 비밀번호 재설정 창 나옴 */ // /* 누르고 난 후 모습임 */ // $(document).on('click', '#confirm_btn', function () { // // /* 이메일 코드가 비어있을경우*/ // if ($('#email_code').val() == '') { // $('#pw_require').text('PLEASE INPUT YOUR EMAIL CODE'); // $('.pw_require_message').css({ // 'display': 'block', // }); // // return false; // } // // /* if (이메일 코드가 비어있는게 아닐경우)~ 다음단계로*/ // if ($('#email_code').val() != '') { // $('.pw_detail').text('YOUR NEW PASSWORD MUST BE DIFFERENT FROM PREVIOUS USED PASSWORDS'); // /* 설명바뀜 */ // $('#pw_require').text(''); // $('.pw_require_message').css({ // 'display': 'none', // }); // $('#reset_email_id').css({ // 'display': 'none', // }); // $('#resend_btn').css({ // 'display': 'none', // }); // $('.email_hide').css({ // 'display': 'none', // }); // $('#email_code').css({ // 'display': 'none', // }); // $('.email_code_hide').css({ // 'display': 'none', // }); // $('#confirm_btn').css({ // 'display': 'none', // }); // // /* 이하 새비번 입력 / 재확인 박스 관련 */ // // // $('.new_pw_show').css({ // 'display': 'block', // }); // $('.new_pw_check_show').css({ // 'display': 'block', // }); // $('.id_password_regi_title').css({ // 'display': 'block', // }); // } // // 이하 성공시 비번재설정 넣는 창을 보여줌 // }); // // // // /* 새 비번 입력(윗쪽) 비번보여주기/감추기 */ // $(".new_pw_show .fa-eye-slash").on("click", function () { // $("#new_pw_email_code").attr("type", "text"); // $(".new_pw_show .fa-eye").show(); // $(".new_pw_show .fa-eye-slash").hide(); // }); // // $(".new_pw_show .fa-eye").on("click", function () { // $("#new_pw_email_code").attr("type", "password"); // $(".new_pw_show .fa-eye").hide(); // $(".new_pw_show .fa-eye-slash").show(); // }); // // /* 새 비번 재확인(아랫쪽) 비번보여주기/감추기 */ // $(".new_pw_check_show .fa-eye-slash").on("click", function () { // $("#new_pw_check_email_code").attr("type", "text"); // $(".new_pw_check_show .fa-eye").show(); // $(".new_pw_check_show .fa-eye-slash").hide(); // }); // // $(".new_pw_check_show .fa-eye").on("click", function () { // $("#new_pw_check_email_code").attr("type", "password"); // $(".new_pw_check_show .fa-eye").hide(); // $(".new_pw_check_show .fa-eye-slash").show(); // }); // // // // /* 새비번 / 새비번 코드 확인 둘다에 값이 들어갔을때 버튼에 색상 효과를 넣는다 */ // $(document).on('keyup', '#new_pw_email_code, #new_pw_check_email_code', function () { // // if (($("#new_pw_email_code").val() != '') && ($("#new_pw_check_email_code").val() != '')) { // $('#regi_password_btn').css({ // 'background-color': '#222', // }); // } else { // $('#regi_password_btn').css({ // 'background-color': '#888', // }); // // } // }); // // // // // // // /* 새비번 / 새비번 코드 확인의 값이 같지 않으면 두번째 칸에 '입력한 비밀번호가 다릅니다'가 뜬다*/ // // $(document).on('click', '#regi_password_btn', function () { // // if ($('#new_pw_email_code').val() != $('#new_pw_check_email_code').val()) { // $('#pw_require_check').text('THE PASSWORD IS DIFFERENT FROM THE ONE ENTERED ABOVE'); // $('.regi_pw_require_message2').css({ // 'display': 'block', // }); // // } else { // $('.regi_pw_require_message2').css({ // 'display': 'none', // }); // } // // }); // // /* ----------- login js start -----------*/ // /* ----------- login js start -----------*/ // /* ----------- login js start -----------*/ // // // /* 서브밋버튼 클릭 시 유효성검사 */ // /*이메일 인풋 검사*/ // /* if( 이메일이 비어있을 경우 ) */ // /* 아이디 / 비번 입력 안했을시 오류문구 표기 */ // $('.submit_btn').on("click", function () { // // if ($('#email_id').val() == '') { // $('#email_require').text('PLEASE INPUT YOUR EMAIL ADDRESS'); // $('.email_require_message').css({ // 'display': 'block', // }); // // /* return false; */ // } // // /* if (이메일이 비어있는게 아닐경우) */ // if ($('#email_id').val() != '') { // $('#email_require').text(''); // $('.email_require_message').css({ // 'display': 'block', // }); // } // // /*비밀번호 인풋 검사*/ // console.log('---------------') // console.log($('#pw').val()) // console.log('---------------') // // if ($('#pw').val() == '') { // $('#pw_require').text('PLEASE INPUT YOUR PASSWORD'); // $('.pw_require_message').css({ // 'display': 'block', // }); // /* return false; */ // } // // /* if (비밀번호가 비어있는게 아닐경우) */ // if ($('#pw').val() != '') { // $('#pw_require').text(''); // $('.pw_require_message').css({ // 'display': 'block', // }); // /* return false; */ // } // }); // // // // // /* 이메일 지우기 */ // $('.delete_all').on("click", function () { // $('#email_id').val(""); // /* sendcode 버튼이 원래색으로 돌아가기 */ // $('.sendcode_btn').css({ // 'background-color': '#888', // }); // }); // // // /* 둘다 입력돼있을 경우 login 버튼 색 활성화 및 클릭시 메인으로 보냄 */ // // $(document).on('keyup', '#email_id, #pw', function () { // // if (($("#email_id").val() != '') && ($("#pw").val() != '')) { // $('#submit_login_btn').css({ // 'background-color': '#222', // }); // $('#submit_login_btn').click(function () { // history.back(-1); // return false; // }); // } else { // $('#submit_login_btn').css({ // 'background-color': '#888', // }); // } // }); // // /* ----------------------------------------------------------- */ // // /* RESETPASSWORD */ // /* RESETPASSWORD */ // /* RESETPASSWORD */ // // /* 1단계 */ // /* 1단계 */ // // /* 이메일 지우기 */ // $('.delete_all').on("click", function () { // $('#reset_email_id').val(""); // /* sendcode 버튼이 원래색으로 돌아가기 */ // $('#sendcode_btn').css({ // 'background-color': '#888', // }); // }); // // // // // // /* 컨펌 버튼 눌렀을때 */ // /* 이메일 코드 입력안했을때 실패알람 */ // $('.confirm_btn').on("click", function () { // // if ($('#reset_email_id').val() == '') { // $('#email_require').text('PLEASE INPUT YOUR EMAIL CODE'); // $('.email_require_message').css({ // 'display': 'block', // }); // /* return false; */ // // /* 살리면 어떨때 패스워드에서 block될게 안보임 */ // } // // // /* if (이메일이 비어있는게 아닐경우) */ // if ($('#reset_email_id').val() != '') { // $('#email_require').text(''); // $('.email_require_message').css({ // 'display': 'none', // }); // // } // }); // // // // /* ----------------------------------------------------------- */ // /* 샌드 눌렀을때 안적어서(잘못됀이메일 적었을때 등등) 실패알람시 */ // // $('.send_btn').on("click", function () { // // if ($('#reset_email_id').val() == '') { // $('#email_require').text('PLEASE INPUT YOUR EMAIL ADDRESS'); // $('.email_require_message').css({ // 'display': 'block', // }); // // return false; // } // // /* if (이메일이 비어있는게 아닐경우) */ // if ($('#reset_email_id').val() != '') { // $('#email_require').text(''); // $('.email_require_message').css({ // 'display': 'block', // }); // // 이하 성공시 코드 넣는 창을 보여줌 // $('.email_succ_show').css({ // 'display': 'block', // }); // // 코드 보내기 버튼 제거 // $('#sendcode_btn').css({ // 'display': 'none', // }); // // // } // }); // // // // // /* email을 입력했을때키를 누르면 sendcode활성화 된 효과넣기 */ // $(document).on('keyup', '#reset_email_id', function () { // if ($("#reset_email_id").val() == '') { // $('#email_require').text(''); // $('#sendcode_btn').css({ // 'background-color': '#888', // }); // } else { // $('#email_require').text(''); // $('#sendcode_btn').css({ // 'background-color': '#222', // }); // } // }); // // // // /* 2단계 */ // /* 2단계 */ // /* sendcode를 눌럿을때 성공시 // email_id를 disabled+회색+X버튼 없앰+재전송 버튼보이게함 */ // $(document).on('click', '#sendcode_btn', function () { // /* 눌럿을때 */ // // if ($("#reset_email_id").val() != '') { // /* email에 값이 있으면 */ // /* email_id를 비활성화 */ // $('#reset_email_id').attr("disabled", true); // $('.delete_all').css({ // 'display': 'none' // }); // $('.email').css({ // 'opacity': '.5', // }); // $('.email_resend').css({ // 'display': 'inline-block' // }); // // } // }); // // /* resend 눌렀을때 샌딩됐다는 알림 */ // $(document).on('click', '#resend_btn', function () { // $('#email_require').text('We sent the email code again'); // $('.email_require_message').css({ // 'display': 'block', // }); // $('#email_require').css({ // 'color': '#222', // }); // }); // // // /* . email_code를 입력했을때키를 누르면 confirm_btn활성화 된 효과넣기 */ // $(document).on('keyup', '#email_code', function () { // if ($("#email_code").val() == '') { // $('#confirm_btn').css({ // 'background-color': '#888', // }); // } else { // $('#confirm_btn').css({ // 'background-color': '#222', // }); // } // }); // // // // // // // /* 이메일 코드에 입력하고 안햇을때 알림이없어짐 */ // // // // /* 2-3단계 : 패스워드 바꾸기 */ // /* 3단계 : 패스워드 바꾸기 */ // // // /* 모두 입력 후 confirm 눌렀을때, detail글자 변경, 비밀번호 재설정 창 나옴 */ // /* 누르고 난 후 모습임 */ // $(document).on('click', '#confirm_btn', function () { // // /* 이메일 코드가 비어있을경우*/ // if ($('#email_code').val() == '') { // $('#pw_require').text('PLEASE INPUT YOUR EMAIL CODE'); // $('.pw_require_message').css({ // 'display': 'block', // }); // // return false; // } // // /* if (이메일 코드가 비어있는게 아닐경우)~ 다음단계로*/ // if ($('#email_code').val() != '') { // $('.pw_detail').text('Your new password must be different from previous used passwords.'); // /* 설명바뀜 */ // $('#pw_require').text(''); // $('.pw_require_message').css({ // 'display': 'none', // }); // $('#reset_email_id').css({ // 'display': 'none', // }); // $('#resend_btn').css({ // 'display': 'none', // }); // $('.email_hide').css({ // 'display': 'none', // }); // $('#email_code').css({ // 'display': 'none', // }); // $('.email_code_hide').css({ // 'display': 'none', // }); // $('#confirm_btn').css({ // 'display': 'none', // }); // // /* 새비번 입력 / 재확인 박스 */ // $('.new_pw_show').css({ // 'display': 'block', // }); // $('.new_pw_check_show').css({ // 'display': 'block', // }); // } // // 이하 성공시 비번재설정 넣는 창을 보여줌 // }); // // // // /* 새 비번 입력(윗쪽) 비번보여주기/감추기 */ // $(".new_pw_show .fa-eye-slash").on("click", function () { // $("#new_pw_email_code").attr("type", "text"); // $(".new_pw_show .fa-eye").show(); // $(".new_pw_show .fa-eye-slash").hide(); // }); // // $(".new_pw_show .fa-eye").on("click", function () { // $("#new_pw_email_code").attr("type", "password"); // $(".new_pw_show .fa-eye").hide(); // $(".new_pw_show .fa-eye-slash").show(); // }); // // /* 새 비번 재확인(아랫쪽) 비번보여주기/감추기 */ // $(".new_pw_check_show .fa-eye-slash").on("click", function () { // $("#new_pw_check_email_code").attr("type", "text"); // $(".new_pw_check_show .fa-eye").show(); // $(".new_pw_check_show .fa-eye-slash").hide(); // }); // // $(".new_pw_check_show .fa-eye").on("click", function () { // $("#new_pw_check_email_code").attr("type", "password"); // $(".new_pw_check_show .fa-eye").hide(); // $(".new_pw_check_show .fa-eye-slash").show(); // }); // // // // /* 새비번 / 새비번 코드 확인 둘다에 값이 들어갔을때 버튼에 색상 효과를 넣는다 */ // $(document).on('keyup', '#new_pw_email_code, #new_pw_check_email_code', function () { // // if (($("#new_pw_email_code").val() != '') && ($("#new_pw_check_email_code").val() != '')) { // $('#reset_password_btn').css({ // 'background-color': '#222', // }); // } else { // $('#reset_password_btn').css({ // 'background-color': '#888', // }); // } // }); // // // // // // // // // /* 새비번 / 새비번 코드 확인의 값이 같지 않으면 new_pw_check_email_code 밑에 // pw_require '입력한 비밀번호가 다릅니다'가 뜬다*/ // $(document).on('click', '#reset_password_btn', function () { // // if ($('#new_pw_email_code').val() != $('#new_pw_check_email_code').val()) { // $('#pw_require_check').text('THE PASSWORD IS DIFFERENT FROM THE ONE ENTERED ABOVE'); // $('.pw_require_message').css({ // 'display': 'block', // }); // $('#new_pw_require').css({ // 'display': 'none', // }); // } else { // $('.pw_require_message').css({ // 'display': 'none', // }); // // // location.href = '/sub/login.html'; // } // // }); //////////////////////////////////////////////////////////////////////////////// /* ** Script - User Regist */ //////////////////////////////////////////////////////////////////////////////// /* 유저 회원가입 관련 스크립트 # Step 1. 이메일 인증코드 전송 # Step 2. 인증코드 확인 # Step 3. 회원가입 */ //////////////////////////////////////////////////////////////////////////////// /* ** # Step 1. 이메일 인증코드 전송 */ /* - 입력 값에 따른 UI 동적변화 - 이메일 인증코드 전송 Submit 버튼 클릭 시 유효성 검사 및 다음 스텝으로 UI 동적변화 */ // - 입력 값에 따른 UI 동적변화 // $(document).on('keyup change', '#email_id, #ch1, #ch2', function () { /* 체크박스랑 이메일이 다 들어갔을때, 배경색을 줌 */ var bRequireEmail = ($('#email_id').val() != ''); var bRequireCheckbox1 = $('#ch1').prop('checked'); var bRequireCheckbox2 = $('#ch2').prop('checked'); $('#send_code_btn').css({ 'background-color': ((bRequireEmail && bRequireCheckbox1 && bRequireCheckbox2) ? '#222' : '#888') }); return; }); // @ 이메일 인증코드 전송 Submit 버튼 클릭 시 유효성 검사 및 다음 스텝으로 UI 동적변화 // $(document).on('click', '#send_code_btn', function () { // initialize // var sInputEmail = $('#email_id').val(); var bRequireEmail = (sInputEmail != ''); var bRequireCheckbox1 = $('#ch1').prop('checked'); var bRequireCheckbox2 = $('#ch2').prop('checked'); var bCheckbox3 = $('#ch3').prop('checked'); // Validate // $('#email_require').text((bRequireEmail ? '' : 'PLEASE INPUT YOUR EMAIL ADDRESS')); /* 이메일이 비어있을때 경고알림 */ $('.email_require_message').css({ 'display': (bRequireEmail ? 'none' : 'block') }); /* 이메일이 비어있을때 경고알림 */ $('.check_box1 .checkbox_require_message').css({ 'display': (bRequireCheckbox1 ? 'none' : 'block') }); /* 체크박스1이 체크 되어 있지 않으면 경고알림 */ $('.check_box2 .checkbox_require_message').css({ 'display': (bRequireCheckbox2 ? 'none' : 'block') }); /* 체크박스2가 체크 되어 있지 않으면 경고알림 */ /* 이메일 주소가 들어있고 체크박스 1,2가 체크돼있을때*/ if (bRequireEmail && bRequireCheckbox1 && bRequireCheckbox2) { //////////////////////////////////////////////////////////////////////// // 인증코드 이메일 전송 //////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_PUBLIC, data: { iEndpointCase: EP_CASE_AUTH_CODE_SEND_EMAIL, sAuthTarget: sInputEmail }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) Step 2. 인증코드 확인 으로 UI 동적변화 // $('#email_id').attr('disabled', true); $('.email').css({ 'opacity': '.5' }); $('.regi_detail').text('Please check your mailbox and enter the authentication code If you haven\'t received an email, please check the junk folder'); $('.email_resend').css({ 'display': 'inline-block' }); $('.email_succ_show, .confirm').css({ 'display': 'block' }); $('.check_box_wrap, .bottom_linebox, .delete_all, .sendcode_btn, .regi_save').css({ 'display': 'none' }); } else { $('#email_require').text(sReason); $('.email_require_message').css({ 'display': 'block' }); } } }); } return; }); //////////////////////////////////////////////////////////////////////////////// /* ** # Step 2. 인증코드 확인 */ /* - 입력 값에 따른 UI 동적변화 - Resend 처리 - 인증코드 확인 Submit 버튼 클릭 시 유효성 검사 및 다음 스텝으로 UI 동적변화 */ // 입력 값에 따른 UI 동적변화 // $(document).on('keyup', '#email_code', function () { /* . email_code를 입력했을때키를 누르면 regi_confirm_btn 활성화 된 효과넣기 */ var bRequireAuthCode = ($(this).val() != ''); $('#regi_confirm_btn').css({ 'background-color': (bRequireAuthCode ? '#222' : '#888') }); return; }); // Resend 처리 // $(document).on('click', '#resend_btn', function () { // Initilize // var sInputEmail = $('#email_id').val(); //////////////////////////////////////////////////////////////////////////// // 인증코드 이메일 전송 //////////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_PUBLIC, data: { iEndpointCase: EP_CASE_AUTH_CODE_SEND_EMAIL, sAuthTarget: sInputEmail }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) /* resend 눌렀을때 샌딩됐다는 알림 */ // $('#email_require').text('We sent the email code again').css({ 'color': '#222' }); $('.email_require_message').css({ 'display': 'block' }); } } }); return; }); // @ 인증코드 확인 Submit 버튼 클릭 시 유효성 검사 및 다음 스텝으로 UI 동적변화 // $(document).on('click', '#regi_confirm_btn', function () { // initialize // var sInputEmail = $('#email_id').val(); var sInputAuthCode = $('#email_code').val(); var bRequireAuthCode = (sInputAuthCode != ''); var iAuthType = 1; // Validate // /* 이메일 코드 입력안했을때 실패알람 */ if (!bRequireAuthCode) { $('#pw_require').text('please input your email code'); $('.pw_require_message').css({ 'display': 'block' }); } /* if (이메일코드가 비어있는게 아닐경우 : 검사통과 했을경우) */ else { //////////////////////////////////////////////////////////////////////// // 인증코드 확인 //////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_PUBLIC, data: { iEndpointCase: EP_CASE_AUTH_CODE_CONFIRM, iAuthType: iAuthType, sAuthCode: sInputAuthCode, sAuthTarget: sInputEmail }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) Step 3. 회원가입 으로 UI 동적변화 // $('#pw_require').text(''); $('.regi_detail').text('Please set your password'); $('.email').css({ 'opacity': '.9' }); $('#email_code').attr('type', 'hidden'); $('.email_resend, #regi_confirm_btn, .email_code_hide, #email_require, .pw_require_message').css({ 'display': 'none' }); $('.regi_save, #regi_password, #regi_new_pw_check_show, .new_pw_show, .id_password_regi_title').css({ 'display': 'block' }); } else { $('#pw_require').text(sReason); $('.pw_require_message').css({ 'display': 'block' }); } } }); } return; }); //////////////////////////////////////////////////////////////////////////////// /* ** # Step 3. 회원가입 */ /* - 입력 값에 따른 UI 동적변화 - 회원가입 Submit 버튼 클릭 시 유효성 검사 및 성공 시 Location */ // 입력 값에 따른 UI 동적변화 // $(document).on('keyup change', '#new_pw_email_code, #new_pw_check_email_code', function () { var bRequirePassword = (($('#new_pw_email_code').val() != '') && ($('#new_pw_check_email_code').val() != '')); /* 새비번 / 새비번 코드 확인 둘다에 값이 들어갔을때 버튼에 색상 효과를 넣는다 */ $('#regi_password_btn').css({ 'background-color': (bRequirePassword ? '#222' : '#888') }); return; }); $(document).on('click', '.iconPwToggle', function () { /* 새 비번 입력(윗쪽) 비번보여주기/감추기 */ /* 새 비번 재확인(아랫쪽) 비번보여주기/감추기 */ var htmlIcon = $(this); var bIconToogle = htmlIcon.hasClass('fa-eye'); if (bIconToogle) { htmlIcon.parent().siblings('input').attr('type', 'password'); htmlIcon.siblings('.fa-eye-slash').show(); htmlIcon.hide(); } else { htmlIcon.parent().siblings('input').attr('type', 'text'); htmlIcon.siblings('.fa-eye').show(); htmlIcon.hide(); } return; }); // @ 회원가입 Submit 버튼 클릭 시 유효성 검사 및 성공 시 Location // $(document).on('click', '#regi_password_btn', function () { // initialize // var sInputEmail = $('#email_id').val(); var sInputPassword = $('#new_pw_email_code').val(); var sInputPasswordRe = $('#new_pw_check_email_code').val(); var iCheckboxAgree1 = ($('#ch1:checked').val() ? ($('#ch1').val() * 1) : 0); var iCheckboxAgree2 = ($('#ch2:checked').val() ? ($('#ch2').val() * 1) : 0); var iCheckboxAgree3 = ($('#ch3:checked').val() ? ($('#ch3').val() * 1) : 0); var bPasswordMatch = (sInputPassword == sInputPasswordRe); var iCheckboxAgree = (iCheckboxAgree1 + iCheckboxAgree2 + iCheckboxAgree3); // Validate // /* 새비번 / 새비번 코드 확인의 값이 같지 않으면 두번째 칸에 '입력한 비밀번호가 다릅니다'가 뜬다*/ $('#pw_require_check').text((bPasswordMatch ? '' : 'THE PASSWORD IS DIFFERENT FROM THE ONE ENTERED ABOVE')); $('.regi_pw_require_message2').css({ 'display': (bPasswordMatch ? 'none' : 'block') }); if (bPasswordMatch) { //////////////////////////////////////////////////////////////////////// // 유저 회원가입 처리 //////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_USER, data: { iEndpointCase: EP_CASE_USER_REGIST, sUserEmail: sInputEmail, sUserPassword: sInputPassword, // sUserNickname : sUserNickname, iUserAgree: iCheckboxAgree }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) 성공 시 Location // location.replace('/'); } else { $('#pw_require_check').text(sReason); $('.regi_pw_require_message2').css({ 'display': 'block' }); } } }); } return; }); //////////////////////////////////////////////////////////////////////////////// /* ** Script - User Regist */ //////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////// /* ** Script - User Login */ //////////////////////////////////////////////////////////////////////////////// /* 유저 로그인 관련 스크립트 # 입력 값에 따른 UI 동적변화 # 로그인 Submit 버튼 클릭 시 유효성 검사 및 성공 시 Location */ //////////////////////////////////////////////////////////////////////////////// /* ** # 입력 값에 따른 UI 동적변화 */ /* 이메일 지우기 */ $(document).on('click', '.delete_all', function () { $(this).siblings('input').val('').trigger('change'); return; }); /* 둘다 입력돼있을 경우 login 버튼 색 활성화 */ $(document).on('keyup change', '#email_id, #pw', function () { var bRequireEmail = ($('#email_id').val() != ''); var bRequirePassword = ($('#pw').val() != ''); $('#submit_login_btn').css({ 'background-color': (bRequireEmail && bRequirePassword ? '#222' : '#888') }); return; }); //////////////////////////////////////////////////////////////////////////////// /* ** # 로그인 Submit 버튼 클릭 시 유효성 검사 및 성공 시 Location */ $(document).on('click', '#submit_login_btn', function () { // Initilize // var sInputEmail = $('#email_id').val(); var sInputPassword = $('#pw').val(); var iCheckboxLogin1 = ($('#ch1:checked').val() ? ($('#ch1').val() * 1) : 0); var iCheckboxLogin2 = ($('#ch2:checked').val() ? ($('#ch2').val() * 1) : 0); var bRequireEmail = (sInputEmail != ''); var bRequirePassword = (sInputPassword != ''); var iCheckboxLogin = (iCheckboxLogin1 + iCheckboxLogin2); // Validate // /* 아이디 / 비번 입력 안했을시 오류문구 표기 */ $('#email_require').text((bRequireEmail ? '' : 'PLEASE INPUT YOUR EMAIL ADDRESS')); $('.email_require_message').css({ 'display': (bRequireEmail ? 'none' : 'block') }); $('#pw_require').text((bRequirePassword ? '' : 'PLEASE INPUT YOUR PASSWORD')); $('.pw_require_message').css({ 'display': (bRequirePassword ? 'none' : 'block') }); if (bRequireEmail && bRequirePassword) { //////////////////////////////////////////////////////////////////////// // 유저 로그인 처리 //////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_USER, data: { iEndpointCase: EP_CASE_USER_LOGIN, sUserEmail: sInputEmail, sUserPassword: sInputPassword, iUserLoginOption: iCheckboxLogin }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) 성공 시 Location // location.replace('/'); } else { $('#pw_require').text(sReason); $('.pw_require_message').css({ 'display': 'block' }); } } }); } return; }); //////////////////////////////////////////////////////////////////////////////// /* ** Script - User Login */ //////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////// /* ** Script - Forgot Password */ //////////////////////////////////////////////////////////////////////////////// /* 비밀번호 초기화 관련 스크립트 # Step 1. 이메일 인증코드 전송 # Step 2. 인증코드 확인 # Step 3. 비밀번호 초기화 */ //////////////////////////////////////////////////////////////////////////////// /* ** # Step 1. 이메일 인증코드 전송 */ /* - 입력 값에 따른 UI 동적변화 - 이메일 인증코드 전송 Submit 버튼 클릭 시 유효성 검사 및 다음 스텝으로 UI 동적변화 */ // - 입력 값에 따른 UI 동적변화 // $(document).on('keyup change', '#reset_email_id', function () { /* email을 입력했을때키를 누르면 sendcode활성화 된 효과넣기 */ var bRequireEmail = ($('#reset_email_id').val() != ''); $('#sendcode_btn').css({ 'background-color': ((bRequireEmail) ? '#222' : '#888') }); return; }); // @ 이메일 인증코드 전송 Submit 버튼 클릭 시 유효성 검사 및 다음 스텝으로 UI 동적변화 // $(document).on('click', '#sendcode_btn', function () { // initialize // var sInputEmail = $('#reset_email_id').val(); var bRequireEmail = (sInputEmail != ''); // Validate // $('#email_require').text((bRequireEmail ? '' : 'PLEASE INPUT YOUR EMAIL ADDRESS')); /* 이메일이 비어있을때 경고알림 */ $('.email_require_message').css({ 'display': (bRequireEmail ? 'none' : 'block') }); /* 이메일이 비어있을때 경고알림 */ /* 이메일 주소가 들어있고 */ if (bRequireEmail) { //////////////////////////////////////////////////////////////////////// // 인증코드 이메일 전송 //////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_PUBLIC, data: { iEndpointCase: EP_CASE_AUTH_CODE_SEND_EMAIL, sAuthTarget: sInputEmail }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) Step 2. 인증코드 확인 으로 UI 동적변화 // /* sendcode를 눌럿을때 성공시 email_id를 disabled+회색+X버튼 없앰+재전송 버튼보이게함 */ $('#reset_email_id').attr('disabled', true); $('.delete_all').css({ 'display': 'none' }); $('.email').css({ 'opacity': '.5' }); $('.email_resend').css({ 'display': 'inline-block' }); $('.email_succ_show').css({ 'display': 'block' }); // 이하 성공시 코드 넣는 창을 보여줌 $('#sendcode_btn').css({ 'display': 'none' }); // 코드 보내기 버튼 제거 } else { $('#email_require').text(sReason); $('.email_require_message').css({ 'display': 'block' }); } } }); } return; }); //////////////////////////////////////////////////////////////////////////////// /* ** # Step 2. 인증코드 확인 */ /* - 입력 값에 따른 UI 동적변화 - Resend 처리 - 인증코드 확인 Submit 버튼 클릭 시 유효성 검사 및 다음 스텝으로 UI 동적변화 */ // 입력 값에 따른 UI 동적변화 // $(document).on('keyup', '#email_code2', function () { /* . email_code를 입력했을때키를 누르면 regi_confirm_btn 활성화 된 효과넣기 */ var bRequireAuthCode = ($(this).val() != ''); $('#confirm_btn').css({ 'background-color': (bRequireAuthCode ? '#222' : '#888') }); return; }); // Resend 처리 // $(document).on('click', '#resend_btn2', function () { // Initilize // var sInputEmail = $('#reset_email_id').val(); //////////////////////////////////////////////////////////////////////////// // 인증코드 이메일 전송 //////////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_PUBLIC, data: { iEndpointCase: EP_CASE_AUTH_CODE_SEND_EMAIL, sAuthTarget: sInputEmail }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) /* resend 눌렀을때 샌딩됐다는 알림 */ // $('#email_require').text('We sent the email code again').css({ 'color': '#222' }); $('.email_require_message').css({ 'display': 'block' }); } } }); return; }); // @ 인증코드 확인 Submit 버튼 클릭 시 유효성 검사 및 다음 스텝으로 UI 동적변화 // $(document).on('click', '#confirm_btn', function () { // initialize // var sInputEmail = $('#reset_email_id').val(); var sInputAuthCode = $('#email_code2').val(); var bRequireAuthCode = (sInputAuthCode != ''); var iAuthType = 1; // Validate // /* 이메일 코드 입력안했을때 실패알람 */ if (!bRequireAuthCode) { $('#pw_require').text('please input your email code'); $('.pw_require_message').css({ 'display': 'block' }); } /* if (이메일코드가 비어있는게 아닐경우 : 검사통과 했을경우) */ else { //////////////////////////////////////////////////////////////////////// // 인증코드 확인 //////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_PUBLIC, data: { iEndpointCase: EP_CASE_AUTH_CODE_CONFIRM, iAuthType: iAuthType, sAuthCode: sInputAuthCode, sAuthTarget: sInputEmail }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) Step 3. 비밀번호 초기화 으로 UI 동적변화 // /* 모두 입력 후 confirm 눌렀을때, detail글자 변경, 비밀번호 재설정 창 나옴 */ $('.pw_detail').text('Your new password must be different from previous used passwords.'); /* 설명바뀜 */ $('#pw_require').text(''); $('.pw_require_message, #reset_email_id, #resend_btn, .email_hide, #email_code, .email_code_hide, #confirm_btn').css({ 'display': 'none' }); /* 새비번 입력 / 재확인 박스 */ $('.new_pw_show, .new_pw_check_show').css({ 'display': 'block' }); } else { $('#pw_require').text(sReason); $('.pw_require_message').css({ 'display': 'block' }); } } }); } return; }); //////////////////////////////////////////////////////////////////////////////// /* ** # Step 3. 비밀번호 초기화 */ /* - 입력 값에 따른 UI 동적변화 - 초기화 Submit 버튼 클릭 시 유효성 검사 및 성공 시 Location */ // 입력 값에 따른 UI 동적변화 // $(document).on('keyup change', '#new_pw_email_code2, #new_pw_check_email_code2', function () { var bRequirePassword = (($('#new_pw_email_code2').val() != '') && ($('#new_pw_check_email_code2').val() != '')); /* 새비번 / 새비번 코드 확인 둘다에 값이 들어갔을때 버튼에 색상 효과를 넣는다 */ $('#reset_password_btn').css({ 'background-color': (bRequirePassword ? '#222' : '#888') }); return; }); // @ 회원가입 Submit 버튼 클릭 시 유효성 검사 및 성공 시 Location // $(document).on('click', '#reset_password_btn', function () { // initialize // var sInputEmail = $('#reset_email_id').val(); var sInputPassword = $('#new_pw_email_code2').val(); var sInputPasswordRe = $('#new_pw_check_email_code2').val(); var bRequirePassword = (sInputPassword != ''); var bRequirePasswordRe = (sInputPasswordRe != ''); var bPasswordMatch = (sInputPassword == sInputPasswordRe); // Validate // $('#new_pw_require').text((bRequirePassword ? '' : 'PLEASE INPUT YOUR PASSWORD')); $('.pw_require_message').css({ 'display': (bRequirePassword ? 'none' : 'block') }); $('#pw_require_check').text((bRequirePasswordRe ? '' : 'PLEASE INPUT YOUR PASSWORD')); $('.pw_require_message2').css({ 'display': (bRequirePasswordRe ? 'none' : 'block') }); if (bRequirePassword && bRequirePasswordRe) { /* 새비번 / 새비번 코드 확인의 값이 같지 않으면 두번째 칸에 '입력한 비밀번호가 다릅니다'가 뜬다*/ $('#pw_require_check').text((bPasswordMatch ? '' : 'THE PASSWORD IS DIFFERENT FROM THE ONE ENTERED ABOVE')); $('.pw_require_message2').css({ 'display': (bPasswordMatch ? 'none' : 'block') }); } if (bRequirePassword && bRequirePasswordRe && bPasswordMatch) { //////////////////////////////////////////////////////////////////////// // 유저 회원가입 처리 //////////////////////////////////////////////////////////////////////// $.ajax({ type: 'POST', dataType: 'JSON', async: false, url: ENDPOINT_USER, data: { iEndpointCase: EP_CASE_USER_MODIFY_PW, sUserEmail: sInputEmail, sUserPassword: sInputPassword }, success: function (aResponse) { var iQuery = (aResponse.iQuery * 1); var sReason = aResponse.sReason; if (iQuery > 0) { // Success ) 성공 시 Location // location.replace('/'); } else { $('#pw_require_check').text(sReason); $('.pw_require_message2').css({ 'display': 'block' }); } } }); } return; }); //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // // #. GLOBAL FUNCTION AREA // //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //----------------------------------------------------------------------------// // #. Fortnite Nickname 유효성 검사 및 DB 등록 //----------------------------------------------------------------------------// function SetFortniteNickName(in_usercode, in_Fortnite_Nicaname) { if (in_Fortnite_Nicaname.length < 1) { // #. 정보 없음 return -2; } var param_input = new Array({ in_usercode: in_usercode, in_Fortnite_Nicaname: in_Fortnite_Nicaname }); var jsonString = JSON.stringify(param_input); $.ajax({ url: ENDPOINT_FORTNITE + "/ajax_set_fortnite_id.inc", type: "POST", cache: false, data: { param_data: jsonString, }, dataType: "json", success: function (data) { if (data.RET == 'SUCCESS') { alert('포트나이트 ID를 등록하였습니다.'); } else { alert('Error Occured. Unknown Fortnite ID.'); } $(".epic_edit_modal").hide(); }, error: function (request, status, error) { alert("error = " + error); $(".epic_edit_modal").hide(); } }); return; } //----------------------------------------------------------------------------------------------------------// // #. Daily Mission Start 처리 //----------------------------------------------------------------------------------------------------------// function SetDailyMission_Status(in_mode, is_run) { switch (in_mode) { case 1: // #. ELEMINATION if (iGlobalUserLogin < 1) { alert('Please Login for play'); location.href = HTML_USER_LOGIN; return; } $('#fn_box1 .playbtn').hide(); $('#fn_box1 .ing_circle').show(); $('#fn_box1 .join_text').hide(); $('#fn_box1 .timer').show(); $('#fn_box1 .mission_start_btn').css({ 'pointer-events': 'none' }); $('#fn_box1 .yellow_go_btn').hide(); $('#fn_box1 .red_inprogress_btn').show(); var oDate = new Date(); var iDateHour = (oDate.getHours() * 60 * 60); var iDateMinutes = (oDate.getMinutes() * 60); var iDateSeconds = oDate.getSeconds(); var iTimerBase = (60 * 60 * 24); var iTimerNow = (iDateHour + iDateMinutes + iDateSeconds); var iTimer = (iTimerBase - iTimerNow); iTimer = iTimer; var oTimerInterval = setInterval(function () { var iTimerHour = Math.floor(iTimer / 60 / 60); var iTimerMinutes = Math.floor(iTimer / 60 % 60); var iTimerSeconds = Math.floor(iTimer % 60); var sTimerHour = (iTimerHour < 10 ? '0' + iTimerHour : iTimerHour); var sTimerMinutes = (iTimerMinutes < 10 ? '0' + iTimerMinutes : iTimerMinutes); var sTimerSeconds = (iTimerSeconds < 10 ? '0' + iTimerSeconds : iTimerSeconds); var sTimer = `${sTimerHour}:${sTimerMinutes}:${sTimerSeconds}`; $('#fn_box1 #timer').text(sTimer); iTimer--; if (iTimer < 0) { clearInterval(oTimerInterval); location.reload(); } }, 1000); break; case 2: // #. PLACEMENT if (iGlobalUserLogin < 1) { alert('Please Login for play'); location.href = HTML_USER_LOGIN; return; } $('#fn_box2 .playbtn').hide(); $('#fn_box2 .ing_circle').show(); $('#fn_box2 .join_text').hide(); $('#fn_box2 .timer').show(); $('#fn_box2 .mission_start_btn').css({ 'pointer-events': 'none' }); $('#fn_box2 .yellow_go_btn').hide(); $('#fn_box2 .red_inprogress_btn').show(); var oDate = new Date(); var iDateHour = (oDate.getHours() * 60 * 60); var iDateMinutes = (oDate.getMinutes() * 60); var iDateSeconds = oDate.getSeconds(); var iTimerBase = (60 * 60 * 24); var iTimerNow = (iDateHour + iDateMinutes + iDateSeconds); var iTimer = (iTimerBase - iTimerNow); iTimer = iTimer; var oTimerInterval = setInterval(function () { var iTimerHour = Math.floor(iTimer / 60 / 60); var iTimerMinutes = Math.floor(iTimer / 60 % 60); var iTimerSeconds = Math.floor(iTimer % 60); var sTimerHour = (iTimerHour < 10 ? '0' + iTimerHour : iTimerHour); var sTimerMinutes = (iTimerMinutes < 10 ? '0' + iTimerMinutes : iTimerMinutes); var sTimerSeconds = (iTimerSeconds < 10 ? '0' + iTimerSeconds : iTimerSeconds); var sTimer = `${sTimerHour}:${sTimerMinutes}:${sTimerSeconds}`; $('#fn_box2 #timer').text(sTimer); iTimer--; if (iTimer < 0) { clearInterval(oTimerInterval); location.reload(); } }, 1000); break; case 3: // #. PLAY if (iGlobalUserLogin < 1) { alert('Please Login for play'); location.href = HTML_USER_LOGIN; return; } $('#fn_box3 .playbtn').hide(); $('#fn_box3 .ing_circle').show(); $('#fn_box3 .join_text').hide(); $('#fn_box3 .timer').show(); $('#fn_box3 .mission_start_btn').css({ 'pointer-events': 'none' }); $('#fn_box3 .yellow_go_btn').hide(); $('#fn_box3 .red_inprogress_btn').show(); var oDate = new Date(); var iDateHour = (oDate.getHours() * 60 * 60); var iDateMinutes = (oDate.getMinutes() * 60); var iDateSeconds = oDate.getSeconds(); var iTimerBase = (60 * 60 * 24); var iTimerNow = (iDateHour + iDateMinutes + iDateSeconds); var iTimer = (iTimerBase - iTimerNow); iTimer = iTimer; var oTimerInterval = setInterval(function () { var iTimerHour = Math.floor(iTimer / 60 / 60); var iTimerMinutes = Math.floor(iTimer / 60 % 60); var iTimerSeconds = Math.floor(iTimer % 60); var sTimerHour = (iTimerHour < 10 ? '0' + iTimerHour : iTimerHour); var sTimerMinutes = (iTimerMinutes < 10 ? '0' + iTimerMinutes : iTimerMinutes); var sTimerSeconds = (iTimerSeconds < 10 ? '0' + iTimerSeconds : iTimerSeconds); var sTimer = `${sTimerHour}:${sTimerMinutes}:${sTimerSeconds}`; $('#fn_box3 #timer').text(sTimer); iTimer--; if (iTimer < 0) { clearInterval(oTimerInterval); location.reload(); } }, 1000); break; } } //----------------------------------------------------------------------------// // #. 데일리 미션 참가 등록 //----------------------------------------------------------------------------// function JoinDailyMission(in_usercode, in_daily_mission_type) { if (in_usercode.length < 1) { // #. 정보 없음 return -2; } var param_input = new Array({ in_usercode: in_usercode, in_daily_mission_type: in_daily_mission_type }); var jsonString = JSON.stringify(param_input); $.ajax({ url: ENDPOINT_FORTNITE + "/ajax_join_dm.inc", type: "POST", cache: false, data: { param_data: jsonString, }, dataType: "json", success: function (data) { if (data.RET == 'SUCCESS') { alert('SUCCESS'); } else if (data.RET == 'ERROR') { alert(data.ERROR_REASON); } }, error: function (request, status, error) { alert("error = " + error); } }); return; return 0; } //----------------------------------------------------------------------------------------------------------// // #. League 진행 상태 처리 //----------------------------------------------------------------------------------------------------------// function SetLeague_Status(is_run) { if (is_run) { $(".banner_joinbtn").addClass('join_click'); $('.leag_progress_btn').css({ 'display': 'inline-block', }); } return; } //----------------------------------------------------------------------------// // #. 리그 참가 등록 //----------------------------------------------------------------------------// function JoinLeague(in_usercode) { if (in_usercode.length < 1) { // #. 정보 없음 return -2; } var param_input = new Array({ in_usercode: in_usercode }); var jsonString = JSON.stringify(param_input); $.ajax({ url: ENDPOINT_FORTNITE + "/ajax_join_league.inc", type: "POST", cache: false, data: { param_data: jsonString, }, dataType: "json", success: function (data) { if (data.RET == 'SUCCESS') { alert('SUCCESS'); } else if (data.RET == 'ERROR') { alert(data.ERROR_REASON); } }, error: function (request, status, error) { alert("error = " + error); } }); return; } //////////////////////////////////////////////////////////////////////////////// /* ** Script - Forgot Password */ //////////////////////////////////////////////////////////////////////////////// //221209 Hesper // e_sports_league.html // leag_progress_btn 누를시 알림 $(function () { $(".leag_progress_btn").click(function () { alert("Already joined."); }); }); /* |￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣| SPORTING START! SPORTING START! SPORTING START! SPORTING START! |＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿| \ (•◡•) / \ / */ // |￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣| // -스크롤 올렸을 시, NAV를 아래로 숨기기 // -스크롤 내렸을 시, NAV를 위로 보이기 // |＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿| // \ (•◡•) / // $(function () { // // 스크롤시에 사용자가 스크롤했다는 것을 알림 // var didScroll; // var lastScrollTop = 0; // var delta = 5; // // 동작의 구현이 시작되는 위치 // var navbarHeight = $('nav').outerHeight(); // // 영향을 받을 요소를 선택 // // outerHeight 요소의 내부높이 + padding + border // $(window).scroll(function (event) { // didScroll = true; // }); // // hasScrolled()를 실행하고 didScroll 상태를 재설정 // setInterval(function () { // if (didScroll) { // hasScrolled(); // didScroll = false; // } // }, 250); // // 이하동작을 구현 // function hasScrolled() { // var st = $(this).scrollTop(); // // 접근하기 쉽게 현재 스크롤의 위치를 저장한다. // // console.log(navbarHeight); // // console.log('-----------이 위는 navbarHeight-------------'); // if (Math.abs(lastScrollTop - st) <= delta) // return; // // 설정한 delta 값보다 더 스크롤되었는지를 확인한다. // if (st > lastScrollTop && st > navbarHeight) { // // 헤더의 높이보다 더 스크롤되었는지 확인하고 스크롤의 방향이 위인지 아래인지를 확인한다. // // <<<<<<<<<<<<<<<<<< Scroll Down >>>>>>>>>>>>>>>>>> // $('nav').addClass('scroll_nav_down'); // /* 인터렉티브 버튼 */ // $('.menu3_start_inter').css({ // 'bottom': '20px' // }); // $('.menu3_e_start_inter').css({ // 'bottom': '20px' // }); // /* 드레그 맵 */ // if ($('.drag-container .drag-area').hasClass('long')) { // $('.drag-container').css('bottom', '0px'); // } // /* 수정 */ // $('.drag-container ').css({ // 'bottom': '-63px' // }); // /* ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ */ // // nav에 scroll_nav_down 가 붙어있을때 일때 (내려갔을때/아닐때), // /* 이거 */ // /* if ($('nav').hasClass('scroll_nav_down') && $('.drag-area').hasClass('long')) { // $('.drag-container').css({ // 'bottom': '-63px' // }); // } else { // $('.drag-container').css({ // 'bottom': '-5px' // }); // } */ // /* ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ */ // $('.drag-container.expanded').css({ // 'height': '100%' // }); // } else { // if (st + $(window).height() < $(document).height()) { // // <<<<<<<<<<<<<<<<<< Scroll Up >>>>>>>>>>>>>>>>>> // $('nav').removeClass('scroll_nav_down'); // /* 인터렉티브 버튼 */ // $('.menu3_start_inter').css({ // 'bottom': '80px' // }); // $('.menu3_e_start_inter').css({ // 'bottom': '80px' // }); // /* 드레그 맵 */ // $('.drag-container ').css({ // 'bottom': '0px' // }); // } // } // // lastScrollTop 에 현재 스크롤위치를 지정한다. // lastScrollTop = st; // } // }); // about 모달 $(function () { $(".htpbtn").click(function () { $(".about_modal").show(); }); //.modal안에 .close_about을 클릭하면 .modal닫기 $(".about_modal .close_about").click(function () { $(".about_modal").hide(); }); //.modal밖에 클릭시 닫힘 $(".about_modal").click(function (e) { if (e.target.className == "about_modal") { $(".about_modal").hide(); // return false; /* 여기서 return false;를 사용하게 되면 안에들어간 기능.. a href들을 사용할 수 없기 때문에 쓰면 안됨 */ } if (e.target.className == "size_change") { $(".about_modal").hide(); // return false; /* 여기서 return false;를 사용하게 되면 안에들어간 기능.. a href들을 사용할 수 없기 때문에 쓰면 안됨 */ } }); }); /* how to 팝업 넘기기 */ /* #next_about1 누를시 모든 how_to_text_wrap 닫고 how_to_text_2 를 show, */ $(function () { $("#next_about1").click(function () { $(".how_to_text_wrap").hide(); $("#how_to_text_3").show(); }); }); /* #next_about2 누를시 모든 how_to_text_wrap 닫고 how_to_text_3 를 show, */ /* $(function () { $("#next_about2").click(function () { $(".how_to_text_wrap").hide(); $("#how_to_text_3").show(); }); }); */ /* #next_about3 누를시 팝업자체 닫고 how_to_text_1을 show,나머지 글내용은 hide */ $(function () { $("#next_about3").click(function () { $(".about_modal").hide(); $(".how_to_text_wrap").hide(); $("#how_to_text_1").show(); }); }); /* 튜토리얼 끄기 */ $(function () { $("#tutorial_close").click(function () { $(".header_in .tutorial_box").hide(); }); }); /* 튜토리얼 끄기 */ $(function () { $("#tutorial_close_start_inter_btn").click(function () { $(".tutorial_box.start_inter_btn").hide(); }); }); /* 인기글 더보기 */ // pop_expand 인기글 더보기 버튼 // $(function () { // $('.pop_expand').click(function () { // if ($(this).text() == '접기 ▲') { // $(this).text('인기글 더보기 ▼'); // } else { // $(this).text('접기 ▲'); // } // $('.pop_show').slideToggle(0); // }); // }); /* $(function () { var headerTop = $('.sports_cate').offset().top; $(window).scroll(function () { var scrollTop = $(window).scrollTop(); if (headerTop < scrollTop) { $('.spo_cate_btn').addClass('btn_on_title').stop(); } else { $('.spo_cate_btn').removeClass('btn_on_title'); } }); }) */ //글 내부 이미지 슬라이드 $(function () { // $('.board_writing_title_box.pic_view_in .board_inner_pic_wrap').slick({ // dots: true, // infinite: true, // speed: 280, // slidesToShow: 1, // slidesToScroll: 1, // autoplay: false, // responsive: [{ // breakpoint: 1024, // settings: { // slidesToShow: 1, // slidesToScroll: 1, // infinite: true, // dots: true // } // }, // { // breakpoint: 600, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // }, // { // breakpoint: 360, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // } // ] // }); /* 튜토리얼 끄기 */ /* $(function () { $("#tutorial_close_start_inter_btn").click(function () { $(".tutorial_box.start_inter_btn").hide(); }); }); */ /* 게시글 스와이프 튜토리얼*/ $(function () { //.modal밖에 클릭시 닫힘 $(".board_tu_modal").click(function (e) { if (e.target.className == "board_tu_modal") { $(".board_tu_modal").hide(); } else { $(".board_tu_modal").hide(); } }); }); }); /* SPORTING END */ /* SPORTING END */ /* SPORTING END */ /* SPORTING END */ /* SPORTING END */ /* SPORTING END */ /* SPORTING END */ /* SPORTING END */ /* forgot 이동 글자 클릭시 바로 못넘어가게 막기 */ /* function (event) < 옆에 선택자의 이벤트를 가져옴 지금은 다음화면으로 넘어가는 ahref이벤트.*/ /* $(document).on('click', '#forgot_go', function (event) { event.preventDefault(); // 객체( event ) - 함수 ( 멈춰! ) 라는 뜻 var href = $( '#forgot_go' ).attr( 'href' ); var email = $('#email_id').val(); //이메일에 입력한 밸류(값, 즉 wh@mail.com)를 담겠다 location.href = href + "?email=" + email; }); */