본문 바로가기

JSP/Muzi23

이미지를 못찾아 오류 났을 때 onerror = "this.src = ' 이미지 경로 ' " onerror="this.src='/resources/images/insight-basic50x50.png'" 2023. 10. 13.
10분 만에 하는 초 속임수 페이지네이션 처리(paging 페이징처리) 스크립트 var itemsPerPage1 = 10; // 한 페이지당 표시할 열의 수 var currentPage1 = 1; // 현재 페이지 var totalRows1 = $("table#allTable tbody tr").length; // 전체 행 수 var totalPages1 = Math.ceil(totalRows1 / itemsPerPage1); // 전체 페이지 수 // 초기 페이지 업데이트 updatePage1(); // 이전 페이지로 이동 $("#prevPage1").on("click", function() { if (currentPage1 > 1) { currentPage1--; updatePage1(); } }); // 다음 페이지로 이동 $("#nextPage1").on("click.. 2023. 10. 7.
초마다 이미지 변경하기 var ObjectArray = []; //이미지 셋팅 ObjectArray[1] = "/resources/images/bell.png"; ObjectArray[2] = "/resources/images/bell2.png"; ObjectArray[3] = "/resources/images/bell.png"; ObjectArray[4] = "/resources/images/bell2.png"; ObjectArray[5] = "/resources/images/bell.png"; ObjectArray[6] = "/resources/images/bell2.png"; ObjectArray[7] = "/resources/images/bell.png"; ObjectArray[8] = "/resources/images.. 2023. 10. 6.
일정 시간마다 이미지 변경하기(setTimeout ,setInterval )         - setTimeout : 일정 시간 후 한번 실행.- setInterval : 일정 시간마다 반복 실행.- clearTimeout : 일정 시간 후 한번 실행하는 것을 중지 한다.- clearInterval : 일정시간마다 반복하는 것을 중지 한다. 2023. 10. 6.
등록일자 시간 나타내기 // 등록일자 시간 나타내기 function convertTimeToRelative(timeInMilliseconds) { const currentTime = new Date().getTime(); const timeDifference = currentTime - timeInMilliseconds; const seconds = Math.floor(timeDifference / 1000); const minutes = Math.floor(seconds / 60); const hours = Math.floor(minutes / 60); const days = Math.floor(hours / 24); if (days > 0) { return days + "일 전"; } else if (hours > 0) {.. 2023. 10. 4.
읽기 전용으로 바꾸기disabled,readonly //class가 form-control-user인 요소들을 readonly 처리를 해보자 //$('.form-control-user').prop('readonly', true); $('.form-control-user').attr('readonly', 'readonly'); //비활성 $("#category").attr("disabled","disabled"); //상태도 읽기전용 처리 //$("input[name='condition']").attr('disabled','disabled'); $("input[name='condition']").attr('onclick','return(false);'); //파일 등록 버튼 가리기 $('#bookImage').parent().css("display",.. 2023. 8. 1.