본문 바로가기

jquery

[jQuery/Javascript] 달력 datepicker v2.1 - jQuery를 이용해서 만든 달력입니다. :: 특징 - 현재 날짜는 파란색으로 표시 - 선택된 날짜는 빨간박스로 표시 - 날짜형식에 맞게 입력 후 텍스트박스 클릭시 해당 날짜로 이동 - IE,Chrome,FF,Safari 지원 :: 업데이트 내용 - 월별,일별 달력 통합 - css파일을 script로 처리하여 많은 파일을 include해야되는 문제 해결 - Today클릭시 현재 날짜 달력으로 이동 - 스크롤을 이용한 달력이동 삭제 - Today버튼 클릭후 날짜 선택시 다른TEXT박스에도 이상한값들어가는 문제 수정 (v2.1) :: 사용방법 - js파일 import후 아래와 같이 javascript로 호출하여 사용 - id(필수)외에 입력하지 않으면 모두 기본값으로 설정됩니다. //파일2개 import.. 더보기
[eclipse/plug-in] aptana3 에서 jquery code assist 사용하기 code assist라는 기능은 상당히 매력적인 기능이다. 심지어 브라우져 지원여부와 간단한 설명까지 나온다면?, 매우 탱큐일듯하다. 그런면에서 html 화면단 개발시 상당히 유용하다. 그중에 하나가 aptana 인데 jquery 및 여러가지 랭귀지를 지원한다. 원래 aptana2를 썼었는데 제일 치명적인 문제가 있었다. 바로 검색을 하면 나타나는 현상인데 좌측은 일반검색으로 2matches를 클릭하면 라인까지 나오나 aptana2를 설치하면 -_-그게 나오질 않는다. 이게 은근히 불편하다. 위와같이 나와서.. 흠.. 혹시 원래처럼 나오게 하는방법 아시는분 있으면 알려주세용. 다시 aptana3로 넘어와서 aptana3로 오면서 달라진게 있다면, 기본적으로 plug-in을 모두 포함하지 않는다. Comm.. 더보기
[jQuery] addClass 되지 않을때 jQuery를 이용해서 rollover기능을 만들고 있었다. .mouseover(function(){ $(this).addClass("calOnDay"); }).mouseout(function(){ $(this).removeClass("calOnDay"); }); 근데 유독 어떤한부분은 addClass기능이 되지 않았다. 결국 원인은 선언해놓은 css부분이 더 앞부분에 선언되어있어야(????) 한다는 것이였다. 기가막히군.. 혹시 addClass가 먹히질 않는다면 css에 선언순서를 체크해보길.. 더보기
[jQuery/Javascript] 달력 datepicker v.번외 어떤분께서 보여주는 기능에 달력을 원하셔서, 급한대로 만들어보았습니다. 만들었다기보다 기존기능에서 해당기능들을 제한해놨다란게 맞는거 같네요~ 기존과 사용방법은 동일합니다. 대신 입력창이 보이면 안되므로 보여주고 싶은곳에 을 넣어주시고 initCal("cal1"); 호출하시면 됩니다. 위치는 calPosition() 함수에서 적당히 좌우를 조정하시면 됩니다. 소스정리를 해서 올려야하는데~-_-귀차니즘과 바쁜일정에 쫒겨 일단 올려드립니다. 요새 바쁜일이 좀 겹쳐있어, 블로그를 방치했는데~ 자주 찾아와주시는분게 감사에 말씀드립니다 :) 더보기
[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.. 더보기