본문 바로가기
  • 평범한 나의 개발공부 일지

나의 개발 기록/Javascript4

[javascript/JQuery] 동적(append, aftter 등)으로 a태그 생성후 click 이벤트 작동되지 않을 때 기존에 있던 tr태그 밑에 append를 사용하여 한번더 tr태그를 동적으로 생성하였다 test ▽ test test 그리고 클릭이벤트를 실행하려고 아래와같이 코드를 작성했다 그랬더니 클릭이벤트가 제대로 작동하지 않았다.......... * 기존에 있던 tr태그 안에있던 첫번째 a태그만 클릭이되고 동적으로 생성된 태그만 먹히지 않음 * 해결방법 * 서치 후에 해결방법을 발견했다.! 먼저, 아래처럼 최상위에 id값을 부여하고 test test 아래 클릭이벤트 코드를 작성해주었더니 정상적으로 작동이 되었다. 2023. 9. 6.
[Javascript] 원하는 위치로 스크롤 이동하기 1. 기본 이동 window.scrollTo(X, Y); x는 가로좌표, y는 세로좌표를 적어준다. ex) 2. 부드럽게 이동 window.scrollTo({top:y, left:x, behavior:'smooth'}); 마찬가지로 x에는 가로좌표, y에는 세로좌표를 적어주면 된다. ex) 좌표 구하는법 const rect = document.querySelector('div').getBoundingClientRect(); console.log(rect); rect 출력된모습 ▽ { "x": 0, "y": -700, "width": 1903, "height": 2497, "top": -700, "right": 1903, "bottom": 1797, "left": 0 } x : 브라우저 창기준 x 좌표 y.. 2023. 7. 18.
[JavaScript] Ajax를 이용해 얻은 값을 return 보내기 인자를 담아 함수를 호출 var noflNum = noflSelect(50) 함수가 호출되면 AJAX 로 데이터를 가져옴 function noflSelect(sn){ var data = {LCTN_SEAT_SN : sn} var result = ""; $.ajax({ type:'POST', url: '/admin/hall/noflList', data: JSON.stringify(data), dataType: 'JSON', contentType: "application/json; charset=UTF-8", success: function(data) { if(data.isSuccess =="true") { console.log("ajax안") result = data.noflList[0].NOFL cons.. 2023. 1. 17.
[Javascript] 윤달 계산하기 위에 select box에서 검색하고자 하는 연도를 선택하고 2월을 선택했을때 테이블 컬럼이 유동적으로 해당연도의 2월에 맞는 일수가 나오도록 하고싶다. 2월 제외한 나머지 달은 일수가 정해져있기 때문에 $("#monthChange").on("change", function() { if( $(this).val() == '1' || $(this).val() == '3' || $(this).val() == '5' || $(this).val() == '7' || $(this).val() == '8' || $(this).val() == '10' || $(this).val() == '12' ){ $('#table').bootstrapTable('showColumn', '30_DAY'); $('#table').bo.. 2022. 9. 1.