개발자의 끄적끄적

[javascript/jquery] jquery div text color change example / div 텍스트 컬러 변경하는 방법  다시 본업인 웹개발로 돌아와서, jquery로 특정 영역의 글자색을 변경하고 싶은경우가 있습니다! 그럴때는 아래와 같이 css 속성을 변경할 수 있습니다!  예를들어  아래와 같이 테스트라는 텍스트를 가지고 있는 test_div 가 있다고 가정하고,테스트  위 div 안의 글자색을 변경하려면 div 의 아이디를 아래와 같이 jquery 로 호출해서 변경하시면 됩니다!   참고들 하세요!

[javascript/jquery] jquery 백그라운드 이미지 동적 변경 방법!  안녕하세요! 다시 본업으로 돌아와서, jquery 로 동적으로 특정영역의 백그라운드 이미를 변경하는 방법을 공유해보려고 합니다! 예를들어, 특정 사이트나 앱의 프로필 사진을 변경한다던가 하는기능에서 사용되니 참고하시면 도움이 되실듯 합니다! $("#test_div").css("background-image", "url(image_url)");  위 내용 보시면 아시겠지만, test_div 라는 영역이 있다고 가정하고, css 로  background-image 를 image_url 값으로 변경하는 내용입니다!

[jquery] datetimepiecker 예제  웹사이트를 개발하다보면 기간 검색은 필수 인데요! 그중에서 년월일만 검색할껀지 시간도 같이 검색할껀지 내용에 따라 약간 다릅니다! 이번에는  jquery datetimepicker 를 이용해서 시분초를 선택하는 예제입니다!  jQuery DateTimePicker Example   위 소스 잘 보시고 참고하시면 됩니다! 오늘도 화이팅하세요! ㅎㅎ

[javascript/jquery] how to check fullcalendar month change event / fullcalendar 달 변경 이벤트 확인 방법 캘린더 작업을 위해서 fullcalendar.js 를 이용하다보면 최 상단에 표기되는 월이 변화되는 이벤트를 감지해야 하는 경우가 있습니다! 동적으로 데이터를 불러오거나 관리해야하는 이슈들 때문인데요! 그럴때는 아래와 같이 클릭 이벤트를 사용하시면 됩니다! 예를 들어 아래와 같이 calendar 라는 객체가 생성되었다고 가정하고, var calendarEl = document.getElementById('calendar'); var calendar = null; calendar = new FullCalendar.Calendar(calen..

[javascript/jquery] datatable Uncaught TypeError: Cannot read properties of undefined (reading 'style') 에러 해결 방법 jquery datatable 를 사용하다보면 여러가지 오류가 나는 경우가 많습니다! 그중에서 가장 흔히나는 오류중 하나가 바로 아래와 같은 오류입니다! Uncaught TypeError: Cannot read properties of undefined (reading 'style') datatable 위와 같은 오류가 나고 데이터가로딩되지 않는다면, 아마 테이블의 또는 와 같이 컬럼 갯수와 가지고오는 스크립트의 컬럼갯수가 다른 경우입니다! 당황하지 마시고, 데이터를 불러오는 스크립트의 컬럼수와 테이블의 ..

[javascript/jquery] javascript shuffle elements example / 자바스크립트 요소 랜덤 배치 예제 게시판 혹은 일정 데이터를 반복해서 출력하다보면 해당 요소들의 순서를 랜덤으로 섞고 싶은 경우가 있습니다! 물론 컨트롤러같은데서 오브젝트 혹은 배열의 데이터를 가공해서 가져올 수도 있지만, 아래와 같이 간단하게 스크립트로 처리할 수도 있습니다! 위 내용 보시면 아시겠지만, class_name 라는 클래스명을 가지는 원소들을 다 모아서 위 아래로 순서를 섞는 내용입니다! 참고들 하세요!

[javascript/jquery] swiper.js slideTo 이동불가 에러 해결방법 jquery swiper.js 를 이용하여 특정슬라이드로 강제로 이동하고 싶은 경우가 있습니다! 그럴때 아래와 같이 slideTo 를 사용합니다! swiper.slideTo(5); 하지만!! 위처럼 했는데도 return 이 false 로 나오고 이동이 되지않는 경우가 있습니다! 그럴때는 아래와 같이 처음슬라이드로 갔다가 원하는 슬라이드 번호로 이동할 수 있게 하면 매번 정상적으로 동작하게 됩니다! swiper.slideTo(0); swiper.slideTo(5); 참고들 하세요!

[javascript/jquery] input 태그 한글만 입력되게 하는 방법 javascript 에서 input 태그에 입력된 값들을 정규식으로 onkeyup 같은 속성으로 제어할수도 있지만, oninput 를 사용해서 입력자체를 막을 수도 있습니다! 그중에서, 이번에는 숫자만 입력을 허용하는 예제를 공유하려고 합니다. 위 내용 보시면 아시겠지만, 입력값을 있으면 바로 replace 함수를 이용하는 방법입니다. 참고들 하세요!