본문 바로가기

js

(70)
js 2025. 9. 24. 11:54
[js] load에서 텍스트만 가져오기 $(".cell").load("/home?r=event&type=gacha .cell")// 이렇게 적으면 .cell안에 .cell이 또 생김// // 여러번해도 계속 생기는게 아니기때문에 상관은 없지만// 텍스트만 가져오고싶을 경우 ajax로 변경해야함// text만 추출$.get("/home?r=event&type=gacha", function(data) {let text = $(data).find(".cell").text();$(".cell").text(text);});// 태그 전체 가져오기$.get("/home?r=event&type=gacha", function(data) { let text = $(data).find(".cell").prop("outerHTML"); $(".cell").h..
js 2025. 9. 22. 13:44
[js]흐르듯이 움직이는 swiper See the Pen 흐르듯이 움직이는 swiper by sangmok-ye (@sangmok-ye) on CodePen.
js 2025. 9. 3. 15:28
[js]lottie 로띠 애니메이션 See the Pen lottie animation by sangmok-ye (@sangmok-ye) on CodePen.https://lottiefiles.com/kr/
js 2025. 9. 3. 11:23
[js]부트스트랩 온클릭으로 모달 열기 onclick function openModal() { const myModal = new bootstrap.Modal(document.getElementById('modal')); myModal.show();}
js 2025. 8. 29. 10:17
[js]input checkbox 전체동의 함수 전체동의 일 때 1, 하단 개별 동의일때 2 let agreeToggleAll = (target, items, idx) => { let itemsLen = $(`${items}`).length let chkedLen = $(`${items}:checked`).length if(idx == 1){ if($(`${target}`).prop("checked")){ $(`${items}`).prop("checked",true) }else{ $(`${items}`).prop("checked",false) } } if(idx == 2){ $(`${items}`).each(function () { if(chkedLe..
js 2025. 8. 7. 15:21
[js]flatpickr 모달때문에 위치가 안맞을때 부트스트랩 혹시 position:fixed를 이용하여 flatpickr를 사용할 경우 위치가 안맞는 경우가 생김이때 appendTo를 사용하여 강제로 추가될 div를 지정하고 css를 통해 해결 단 input위치에 따라 모바일 대응이 안될수도 있으니 주의
js 2025. 7. 8. 15:39
[js] copyText 카피텍스트 function copyText(target, txt) { const text = document.getElementById(target).value; navigator.clipboard.writeText(text) .then(() => alert(txt+" 완료되었습니다!")) .catch(err => alert(txt+" 실패하였습니다. 관리자에게 문의해주세요.: " + err)); }
js 2025. 7. 7. 14:13
[js]swiper 라디오 선택 옵션 변경 슬라이드페이드플립var slideDefault;let initSwiper = (slideTypeValue, pageEffectValue) => { if(slideDefault) slideDefault.destroy(true, true); let slideType = $("input:checked").val(); slideDefault = new Swiper ('.swiper-container', { loop: true, effect : slideType, slidesPerView: 1, observer: true, observeParents: true, })}// observer, observeParents는 fraction일 때 페이저 숫자 맞추기용도

top