본문 바로가기

JavaScript23

ajax post - controller return값 fn_coupon_reload() 메서드를 호출하고 싶은데 delBarcode.do 에서 404 오류가 떠서 호출이 안되고 있었음 .  function fn_delete_barcode(id){ $("#barcodeId").val(id); if(confirm("해당 상품권을 삭제하시겠습니까?")){ $.post('', $("#frm").serialize()) .done(function(data) { fn_coupon_reload() }) .fail(function(jqXHR, textStatus, errorThrown) { if (jqXHR.status === 404) { console.error("오류 발생:", textStatus, .. 2024. 11. 7.
[JavaScript] 팝업 날짜 지정 오늘 하루 이 창을 열지 않음 [닫기] .popup p span{font-size:20px} #popup1, #popup2, #popup3, #popup4 { position: absolute; top: 7%; max-width: 400px; width: 78%; height: auto; padding: 10px; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); box-shadow: 2px 2px 6px #666; display: none; } var today = new Date(); // html 에서 data-expired 가 설정된 팝업 div 들 찾기 var popup = document.querySelectorAll(.. 2024. 2. 22.
[JavaScript] 팝업 오늘 하루 이 창을 열지 않음 [닫기] .popup p span{font-size:20px} #popup1, #popup2, #popup3, #popup4 { position: absolute; top: 7%; max-width: 400px; width: 78%; height: auto; padding: 10px; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); box-shadow: 2px 2px 6px #666; display: none; } $(document).ready(function(){ var popupTime = new Date(); var y = new Date().getFullYear(); var m = new .. 2024. 2. 16.
[Vue.js] Vue.js 기초 1. 디렉티브 : 'v-' 로 시작하는 속성. 주로 데이터 바인딩과 관련된 처리 * v-if, v-bind, key 등은 속성임 2. 데이터 바인딩: 데이터와 렌더링을 동기화하는 구조 ● 텍스트 바인딩 {{ message }} * new Vue() 는 한 개만 만들고, 컴포넌트로 UI를 구축한다. //관례적으로 app 또는 vm(ViewModel)라는 변수 이름을 사용함 var app = new Vue({ // new Vue() 는 한 개만 만들고, 컴포넌트로 UI를 구축한다 el: '#app', data: { message: 'Hello Vue.js' } }) console.log(app.message) // app.data.message 가 아니라는 점 주의 ● 반복 렌더링 data옵션에 등록한 배열.. 2024. 1. 17.
[JavaScript] 이미지 슬라이드 소스 ?atchFileId=&fileSn=' /> 2023. 12. 5.
[Swiper] 라이브러리 포커스이동 swiper 라이브러리를 사용해서 팝업이미지들이 자동으로 재생되고 있음 키보드 tab을 눌렀을때 a링크에 포커스가 잡히면 해당 이미지가 화면에 나오도록 라이브러리와 스크립트 이용하기 . var timer = 4000; //4000 var mainSwiper = new Swiper( "#popupList", { slidesPerView: 1, autoplay: { delay: timer, disableOnInteraction: true, }, loop: true, allowTouchMove : true, effect: 'fade', fadeEffect: { crossFade: true, }, pagination: { el: ".swiper-pagination", loop: true, clickable: t.. 2023. 11. 17.
[Spring Boot] jstl 로 스크립트 줄이기 레슨변경시 시간option 변경 골프선택시 15분, 25분 PT선택시 60분 처음 코드 function fn_LessonChange() { var searchLessonMasterIdAdmin = document.querySelector('.searchLessonMasterIdAdmin'); var searchLessonTime = document.getElementById('searchLessonTime'); var selectedLesson = searchLessonMasterIdAdmin.value; var selectedValue = document.querySelector(".searchLessonMasterIdAdmin").value; if(selectedLesson == 'PT'){ $("#.. 2023. 11. 3.
[JavaScript] onkeydown "onkeydown"은 자바스크립트 이벤트 중 하나입니다. 이 이벤트는 웹 페이지에서 키보드의 키가 눌렸을 때 발생하며, 이벤트 핸들러를 통해 해당 키 눌림에 대한 동작을 정의할 수 있습니다. 주로 키보드 입력을 처리하고 사용자 상호작용을 구현하는 데 사용됩니다. 예를 들어, 다음과 같이 HTML 요소에 "onkeydown" 이벤트 핸들러를 추가할 수 있습니다: 그리고 자바스크립트에서 이 이벤트 핸들러를 처리하는 함수를 정의할 수 있습니다 function myFunction(event) { if (event.keyCode === 13) { alert("Enter 키가 눌렸습니다."); } } 이런 식으로 "onkeydown" 이벤트를 사용하여 특정 키 눌림에 대한 반응을 구현할 수 있습니다 2023. 10. 24.
[JavaScript] onkeydown "onkeydown"은 자바스크립트 이벤트 중 하나입니다. 이 이벤트는 웹 페이지에서 키보드의 키가 눌렸을 때 발생하며, 이벤트 핸들러를 통해 해당 키 눌림에 대한 동작을 정의할 수 있습니다. 주로 키보드 입력을 처리하고 사용자 상호작용을 구현하는 데 사용됩니다. 예를 들어, 다음과 같이 HTML 요소에 "onkeydown" 이벤트 핸들러를 추가할 수 있습니다: 그리고 자바스크립트에서 이 이벤트 핸들러를 처리하는 함수를 정의할 수 있습니다 function myFunction(event) { if (event.keyCode === 13) { alert("Enter 키가 눌렸습니다."); } } 이런 식으로 "onkeydown" 이벤트를 사용하여 특정 키 눌림에 대한 반응을 구현할 수 있습니다 2023. 10. 24.
728x90

티스토리툴바