javascript69 [datepicker.js] 날짜 출력 형식 format 수정 $.fn.dateRangePicker = function(opt) { if (!opt) opt = {}; opt = $.extend(true, { autoClose: true, format: 'YYYY. MM. DD', separator: ' to ', language: 'ko', startOfWeek: 'sunday', // or monday ... 2020. 4. 6. select option value에 따라 show/hide 실행하기 1~50 51~150 $("#roomS").change(function(){ var roomS = $("#roomS option:selected").val(); if(roomS == 50){ $(".r50").show(); $(".r150").hide(); }else{ $(".r50").hide(); $(".r150").show(); } }) 2020. 4. 4. 오른쪽 마우스 클릭, 드래그 방지 2020. 4. 4. FAQ 형식 slide Toggle var thisRsvnList = $(this).closest('.rsvn-list'); $('.rsvn-list').not(thisRsvnList).removeClass('on'); thisRsvnList.hasClass('on') ? thisRsvnList.removeClass('on') : thisRsvnList.addClass('on'); var thisToggle = $(this).closest('.rsvn-list').find('.room-toggle'); $('.rsvn-list').find('.room-toggle').not(thisToggle).slideUp(); thisToggle.slideToggle(); 2020. 4. 4. 여러 요소를 hide, show 할 때 높이 height 동일하게 하기 $("#nextPage").on("click", function(){ const popHeight = $("#service-fee1 .form-wrap").outerHeight(); //alert(popHeight); $("#service-fee1").hide(); $("#service-fee2 .form-wrap").css("height", popHeight); $("#service-fee2").show(); }); 2020. 4. 4. breadcomb에 gnb 메뉴명 집어넣기 function gnbMenu(depth1, depth2){ var depth2 = depth2 - 1, depth1 = depth1 -1; $('.oneMenu').find('a.big').find('span').text($('.nav .nav_m li.menu:eq('+depth1+') > a').text()); $('.twoMenu').find('a.small').find('span').text($('.nav .nav_m li.menu:eq('+depth1+')').find('.nav2 li:eq('+depth2+') a').text()); $('.twoMenu').find('.downMenu').find('a').remove(); $('.twoMenu').find('.downMenu').appen.. 2020. 4. 3. window width 따라 이벤트 발생시키기 function setType(){ if($(window).width() >= 720){ $('#slider-pc').show(); $('#slider-mobile').hide(); }else{ $('#slider-mobile').show(); $('#slider-pc').hide(); } } setType(); $(window).on("orientationchange load resize", function () { setType(); }); 2020. 4. 3. [fullpage.js] 스크롤 했을 때 needpopup 사라지게 하기 $("#fullpage").fullpage({ onLeave: function(origin, destination, direction){ if($('.needpopup').hasClass('opened')){ $('html').removeClass('needpopup-opened').removeClass('needpopup-scrolled'); $('.needpopup').hide().removeClass('opened'); } } }); needpopup.js 에서 setTimeout(function(){ 안에 $(popup.html).addClass(popup.openHtmlClass); 추가! setTimeout(function(){ popup.target.addClass('opened'); $(p.. 2020. 4. 3. input 숫자만 입력 가능하게 하고 숫자 아니면 알림창 띄우기 //input 숫자만 입력 $(".numberOnly").on("keyup", function(event) { if (event.which && (event.which > 47 && event.which < 58 || event.which == 8)) { }else{ alert('숫자만 입력해주세요.'); $(this).val($(this).val().replace(/[^0-9]/g,"")); } }); 참고사이트 http://hihoyeho.tistory.com/entry/%ED%85%8D%EC%8A%A4%ED%8A%B8%EB%B0%95%EC%8A%A4input-text%EC%97%90-%EC%88%AB%EC%9E%90%EB%A7%8C-%EC%9E%85%EB%A0%A5-%EA%B0%80%EB%8A%A5.. 2020. 4. 3. 이전 1 ··· 4 5 6 7 8 다음