잠시만 기다려 주세요

     '시장이나 돌면서 가짜 민생 외치는 이재명을 규탄한다. 싸우지 않을 거면 내려와라... 야당대표는 당신의 방탄이나 하는 자리가 아니다.'
전체검색 :  
이번주 로또 및 연금번호 발생!!   |  HOME   |  여기는?   |  바다물때표   |  알림 (16)  |  여러가지 팁 (1056)  |  추천 및 재미 (151)  |  자료실 (22)  |  
시사, 이슈, 칼럼, 평론, 비평 (600)  |  끄적거림 (129)  |  문예 창작 (705)  |  바람 따라 (69)  |  시나리오 (760)  |  드라마 대본 (248)  |  
살인!

    javascript/jquery

javascript/jquery - 순수 자바스크립트 달력소스
이 름 : 바다아이   |   조회수 : 11060         짧은 주소 : https://www.bada-ie.com/su/?201591779942
calendar.zip - 12 KB   다운수 : 24 회

웹개발 유지보수중 가장 귀찮니즘이 발동하는 작업이
날짜 검색일겁니다. 자바스크립트로 달력을 만들자니 실력 여부를 떠나서 귀찮고,
jQuery 를 사용하자니 꼴랑 날짜 검색 폼 하나 때문에 jQuery.js 파일을 몇줄이나 삽입하고 스크립트
구문짜서 우겨넣고 디자인 꾸밀려면 좀 짜증이 나죠...

이럴때는 그냥 인터넷에서 캘린더 스크립트 하나 받아서 우겨넣고 마무리 하는게 의뢰자나 개발자나, 기획자
모두의 정신건강을 위하는 길입죠~

인터넷에 돌아다니는 캘린더 자바스크립중 좀 이쁘면서도 간결하고, 소스의 저작권 문제 걱정없이 쓸만한게
코드플랙스 (http://jscalendar.codeplex.com) 에서 공개한 Calendar.js 입니다.
모양도 아주 간결한게 꽤 이쁘지요. 소스보면 간단하게 디자인 수정도 가능하구요!




GNU 라이센스를 따르고 있어서 저작권 문제 없이 사용이 가능하구요,
이런 이유에서인지 구글링 조금만 해보면 국내에서도 꽤 소개가 되어서 관련
포스팅이 꽤 됩니다. 나름대로 수정해서 공개해놓은 블로그도 제법 있구요.

문제는 이게 인터넷익스플로러에서는 잘되는데 크롬(사파리 포함)이나 파이어폭스에서는 안되는다는게
문제입니다. 요즘같이 크로스 브라우징을 추구하는 시대에 이건 좀 문제가 아닐수 없죠.

그래서 제가 인터넷 익스플로러와 크롬(사파리 포함), 파이어폭스에서도 사용이 가능 하게 조금
수정해 봤습니다.

혹시라도 나름 필요하신분들이 계실것 같아서 소스와 함게 이렇게 포스팅해봅니다.

calendar.js 의 사용법은 무척 간단해서 input 폼에 onlick 이벤트로만 끝이납니다.

<input  type="text" id="txtDate" value="" onclick="fnPopUpCalendar(txtDate,txtDate,'yyyy/mm/dd')" class='text_box1'>
<script  type="text/javascript" src="./calendar.js"></script>

꽤 쉽죠....^^;

하지만 주의사항이 몇가지 있는데 html header 부분에 아래와 같이 DTD 규정을 적용해 주셔야 한다는 겁니다.

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

또한 익스플로러 호환을 위해서 아래와같이 IE 에뮬을 선언하시면 작동되지 않습니다.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">


아래는 브라우저별 테스트 화면 입니다.




출처 : http://goodhelper.egloos.com/2418615
 
| |





      1 page / 3 page
번 호 카테고리 제 목 이름 조회수
76 javascript/jquery 스크롤해도 상단에 고정되는 메뉴 만들기, 스크롤 상단에 레이어 고정. 바다아이 6956
75 javascript/jquery 자바스크립트 스크롤을 문서 화면 상단, 하단으로 이동하기. 스크롤을 시작, 끝으로 이동하기 바다아이 5144
74 javascript/jquery javascript 서버시간 가져오기, 서버날짜 가져오기... 바다아이 6877
73 javascript/jquery 자바스크립트 쿠키 클래스, cookie class 바다아이 7397
72 javascript/jquery select 박스 3단 카테고리 바다아이 8378
71 javascript/jquery 자바스크립트 해당 년월의 마지막 날짜 구하기, 이번달 마지막 일 구하기... 바다아이 7816
70 javascript/jquery 자바스크립트 타임존 변환, timezone, 날짜, 시간 관련 편하게 작업하기... moment.js 바다아이 9955
69 javascript/jquery textarea 의 특정 커서 cursor 위치에 문자 삽입하기. focus, 커서 cursor 위치 구하기... 바다아이 10075
68 javascript/jquery 마우스 블럭(block) 선택한 텍스트 가져오기, 마우스로 웹페이지 본문 선택한 문자만큼 가져오기... 바다아이 8176
67 javascript/jquery textarea 특정 위치에 커서 cursor 를 옮기기, 위치시키기, focus 바다아이 11283
66 javascript/jquery jquery ajax option 옵션 총 정리.... 바다아이 8511
65 javascript/jquery jquery open api 개발, ajax JSONP cross domain 문제, 서로 다른 도메인 문제 해결하기, error 0 문제... sop 문제 바다아이 8216
64 javascript/jquery javascript 자바스크립트 소수점, 자리수, 반올림, 올림, 내림(버림) 바다아이 9110
63 javascript/jquery javascript 현재시각 표시하는 디지털 시계 만들기 (date 객체) 바다아이 9254
62 javascript/jquery CSS3 회전 속성과 javascript를 활용한 아날로그 시계 바다아이 10008
61 javascript/jquery javascript 자바스크립트 쿠키, cookie, 만들기, 저장, 삭제, 가져오기, 얻기 바다아이 9298
60 javascript/jquery javascript 자바스크립트 날짜 계산하는 다양한 방법 바다아이 9876
59 javascript/jquery 자바스크립트 javascript 한/영타 변환기, 한영, 한글, 영어 바다아이 12937
58 javascript/jquery url 인코드, 디코드, encode, decode 예제... 바다아이 8381
57 javascript/jquery javascript 자바스크립트 프레임 페이지 이동... frame location.href 바다아이 13936
56 javascript/jquery File Upload Progress, 파일 업로드 프로그레스바.... 업로드 진행바 구현. 바다아이 8827
55 javascript/jquery 자바스크립트 javascript, json 데이터 이쁘게 출력하기, json Highlight 바다아이 9009
54 javascript/jquery 자바스크립트 javascript json 사용하기, 출력하기, JSON.stringify, JSON.parse, 변환 바다아이 10324
53 javascript/jquery 자바스크립트 javascript innerHTML, innerTEXT 사용 할 때 주의할 점... 바다아이 9089
52 javascript/jquery 자바스크립트 javascript 엔티티 entity 인코딩, 디코딩, encode, decode 바다아이 9276
51 javascript/jquery 자바스크립트 javascript post, get 값 파라미터 받기, 구하기 바다아이 10541
50 javascript/jquery 자바스크립트 text copy, 복사, How to copy a TEXT to Clipboard on a Button-Click 바다아이 9347
49 javascript/jquery jquery autocomplete 자동완성 한글 입력시 문자, 검색어, 창 사라지는 문제. 바다아이 8938
48 javascript/jquery 자바스크립트 javascript, jquery, 검색어 자동완성 기능, autocomplete 바다아이 9918
47 javascript/jquery 자바스크립트 substring, substr, indexOf, lastIndexOf (javascript 문자열 자르기, 뒤에서 자르기, 찾기) 바다아이 9201
1
2
3
| |









Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천  실행시간 : 0.07901 초
to webmaster... gogo sea. gogo sea.