javascript 썸네일형 리스트형 [웹개발/TIP] JavaScript Debugging ( 자바스크립트 디버깅 하기 ) 웹개발을 하다보면 js(javascript)를 쓰게 되는데 js란게 워낙 관대한 언어라 에러가 나면 어디서 에러가 났는지 찾기가 힘들다. 디버깅 툴을 이용하면 이러한 에러를 쉽게 확인할 수 있는데, 이런 디버깅 툴이 있는지 조차 모르는 분들이 많다. IE8 부터 기본적으로 들어가 있다. 실행키는 IE에서 F12 일단 간단한 HTML을 작성한다. 소스는 버튼을 클릭하면 경고창을 띄우는 소스이다. IE로 실행하면 아래와 같이 나온다 소스중에 alert(test)를 alert(test1) 로 바꾸어서 에러를 만들어 실행해보자. 아까와는 다르게 alert창이 나오지 않고 아무런 반응이 없을것이다. 이때 브라우져를 한번 클릭하고 F12를 클릭하면 아래와 같은 창이 나타난다. 이게 디버깅툴인데 스크립트 탭을 클리갛.. 더보기 [jQuery/Javascript] 달력 datepicker v1.5 작성자 : ahmax(ahmax95@gmail.com) 작성일 : 2011.04.15 http://beans9.tistory.com - jQuery를 이용해서 만든 달력입니다. :: 특징 - 달력 위에서 스크롤로 월단위 이동가능 - 현재 날짜는 파란색으로 표시 - 선택된 날짜는 빨간박스로 표시 - IE,Chrome,FF 지원 :: 업데이트 내용 - 윤달표시 되도록 수정 - Today 버튼 유무 옵션 추가 ( 클릭시 오늘날짜에 달로 이동 ) - 달력이 오픈될때 입력값이 있으면 입력된 날짜의 달로, 없으면 오늘날짜의 달로 이동 :: 사용방법 - 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용 ... :: 최대년수/날짜구분자/날짜시작일/Today유무 수정방법 - calen.. 더보기 [jQuery/Javascript] 달력 datepicker v1.4 작성자 : ahmax(ahmax95@gmail.com) 작성일 : 2011.03.23 http://beans9.tistory.com - jQuery를 이용해서 만든 달력입니다. 특징 달력위에서 스크롤로 월단위 이동가능 간단한 사용방법 현재 날짜는 파란박스로 표시 선택되어진 날짜는 빨간박스로 표시 IE,Chrome,FF 지원 업데이트 내용 일주일 시작일을 일요일,월요일로 선택가능 사용방법 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용 ... 최대년수/날짜구분자/날짜시작일 수정방법 calendar_ahmax.js 파일을 수정 // 최대연수 (0으로 할경우 현제 년도까지) var max_year = 2020; // 최소연수 var min_year = 2005; // 날짜.. 더보기 [jQuery/Javascript] 달력 datepicker v1.3 작성자 : ahmax(ahmax95@gmail.com) 작성일 : 2011.03.21 http://beans9.tistory.com - jQuery를 이용해서 만든 달력입니다. 특징 달력위에서 스크롤로 월단위 이동가능 간단한 사용방법 현재 날짜는 파란박스로 표시 선택되어진 날짜는 빨간박스로 표시 IE,Chrome,FF 지원 업데이트 내용 초기화 스크립트 호출시 달력외에 다른부분들도 드래그가 안되는 현상을 수정 (달력안에서만 드래그 안되도록) 사용방법 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용 ... 최대년수/날짜구분자 수정방법 calendar_ahmax.js 파일을 수정 // 최대연수 (0으로 할경우 현제 년도까지) var max_year = 2020; // 최.. 더보기 [jQuery/Javascript] 월선택 달력 MonDatepicker v1.0 작성자 : ahmax(ahmax95@gmail.com) 작성일 : 2011.03.19 http://beans9.tistory.com - jQuery를 이용해서 만든 월선택 달력입니다. 검색시스템을 만들때 월별검색시 편하게 선택할 수 있도록 만든 달력입니다. 기존에 일선택달력과 병행해서 사용하셔도 문제가 없습니다. 현재 서로 다른 js와 css을 사용하고 있어서 병행해서 사용할 경우 css와 js를 모두 호출해주셔야 하는데 조만간 합치는 작업을 할 예정입니다. 많이 이용해 주시고 피드백 부탁드립니다. 특징 달력위에서 스크롤로 년단위 이동가능 간단한 사용방법 현재월은 파란박스로 표시 선택되어진 월은 빨간박스로 표시 IE,Chrome,FF 지원 사용방법 필요한 js,css파일 import후 아래와 같이 ja.. 더보기 [jQuery/Javascript] 달력 datepicker v1.2 작성자 : ahmax(ahmax95@gmail.com) 작성일 : 2011.03.17 http://beans9.tistory.com - jQuery를 이용해서 만든 달력입니다. 특징 달력위에서 스크롤로 월단위 이동가능 간단한 사용방법 현재 날짜는 파란박스로 표시 선택되어진 날짜는 빨간박스로 표시 IE,Chrome,FF 지원 업데이트 내용 FF에서 메인화면가 같이 스크롤되던 현상 수정 스크롤시 2개월씩 이동하던 현상 수정 커서가 정상적으로 표시되도록 수정 IE,FF에서 드래그가 안되도록 수정 (크롬은 테스트중) 사용방법 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용 ... 최대년수/날짜구분자 수정방법 calendar_ahmax.js 파일을 수정 // 최대연수 (0으로.. 더보기 [jQuery/Javascript] 달력 datepicker v1.1 - jQuery를 이용해서 만든 달력입니다. 특징 달력위에서 스크롤로 월단위 이동가능 선언 한줄만으로도 간단히 사용가능 현재 날짜는 파란박스로 표시 선택되어진 날짜는 빨간박스로 표시 업데이트 내용 스크롤시 2개월씩 이동하던 현상 수정 최대년수 수정가능하도록 변경 날짜형식 구분자 수정가능하도록 변경 사용방법 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용 최대년수/날짜구분자 수정방법 calendar_ahmax.js 파일을 수정 // 최대연수 (0으로 할경우 현제 년도까지) var max_year = 2020; // 최소연수 var min_year = 2005; // 날짜표시형식 (xxxx-xx-xx) var date_split_format = "-"; 사용에는 제한이 .. 더보기 [jQuery/Core/기본/기초 ] Selectors ( 객체 가져오기 ) jQuery에 가장 기초로 해당 객체를 가져오는 것을 Selectors 라고 한다. 아래는 그 방법들이다. $('#id명') // ID로 가져오기 $('[attribute|="value"]') // 해당 value가 단어로 들어간 객체를 찾는다 ( "-" 앞은 단어로 인식 ) $('[attribute~="value"]') // 위와 반대로 value가 단어로 들어가지 않은 객체를 찾는다. $('[attribute*="value"]') // 해당 value가 들어간 객체를 찾는다 ( 단어 아니여도 됨 ) $('[attribute$="value"]') // value가 끝에 있는 객체를 찾는다. $('[attribute="value"]') // 완전일치 $('[attribute!="value"]') // 해.. 더보기 이전 1 2 3 다음
