'jQuery Plugin'에 해당되는 글 8건
- 2011.11.06 jQuery UI datepicker z-index 때문에 datepicker 가 뽓 나타나지 않을때 해결하기 1
- 2011.09.19 자작 훌러그인 : jQuery monthPicker Plugin v0.1 2
- 2011.08.30 jQuery Plugin : Slider
jQuery UI datepicker z-index 때문에 datepicker 가 뽓 나타나지 않을때 해결하기
jQuery Plugin 2011. 11. 6. 00:24
대부분의 경우 별다른짓을 안해도 div 팝업창에서 datepicker 가 잘 뜬다.
그런데 어째 하다보면 div 로 띄운 팝업창의 z-index 보다 datepicker 의 z-index 가 적어서 팝업창 위로 datepicker 가 뽓 튀어나오지 않는다.
요걸 해결하기 위해서 간단하게 jQuery UI 의 js 파일 한군데를 살짝 수정해 주면 된다.
에디터로 소스가 압축된 jquery-ui-xxxx.min.js 파일이나 아니면 압축안된 버전의 jquery.ui.datepicker.js 파일을 연 후
압축버전의 경우 요부분을 찾고,
b.dpDiv.zIndex(d(a).zIndex()+1);
압축안된 버전의 경우 요부분을 찾아서
inst.dpDiv.zIndex($(input).zIndex()+1);
요렇게 +1 부분을 적당히 큰 숫자로 바꿔주면 달력이 뽓 잘 뜰것이다.
b.dpDiv.zIndex(d(a).zIndex()+999);
2011/11/01 - [Javascript] - Javascript 문자열 바이트수 가져오기(byteLength)
2011/09/28 - [Javascript] - Javascript Timer setTimeout(), setInterval() 함수 나름 새로운 사용법 -_-
2011/09/27 - [Javascript] - jQuery ajax 로 로딩되는 페이지에 있는 자바스크립트가 실행이 안될때(모바일웹)
2011/09/19 - [jQuery Plugin] - 자작 훌러그인 : jQuery monthPicker Plugin v0.1
2011/09/09 - [Javascript] - Javascript Date format 함수
2011/09/28 - [Javascript] - Javascript Timer setTimeout(), setInterval() 함수 나름 새로운 사용법 -_-
2011/09/27 - [Javascript] - jQuery ajax 로 로딩되는 페이지에 있는 자바스크립트가 실행이 안될때(모바일웹)
2011/09/19 - [jQuery Plugin] - 자작 훌러그인 : jQuery monthPicker Plugin v0.1
2011/09/09 - [Javascript] - Javascript Date format 함수
'jQuery Plugin' 카테고리의 다른 글
| 자작 훌러그인 : jQuery shortcut v0.1 (웹페이지에 단축키 기능을 넣자) (5) | 2011.11.18 |
|---|---|
| 자작 훌러그인 : jQuery blingHover v0.1 (링크 롤오버시 텍스트 컬러를 보드랍게 바꿔주기-_-) (0) | 2011.11.07 |
| jQuery datepicker 팝업창 사이즈 바꾸기 (3) | 2011.11.06 |
| 자작 훌러그인 : jQuery monthPicker Plugin v0.1 (2) | 2011.09.19 |
| jQuery Plugin : Slider (0) | 2011.08.30 |
자작 훌러그인 : jQuery monthPicker Plugin v0.1
jQuery Plugin 2011. 9. 19. 19:02
일단 뭐하는 것인가에 대한 스크린샷
요렇게 간단하게 년도-월 을 선택해 주게 하는 훌러그인이다.
input 박스를 클릭하면 월을 선택할수 있는 달력 비스무리한게 팝업되서
원하는 달을 클릭하면 input 박스에 클릭한 월을 보여주는 짖을 한다.
필요에 의해 급하게 맹그느라 기능도 쫌 허접하고 소스역시 허접하다. 언제가 될진 모르겠지만
0.2로 버전업을 한다면 테마기능과 여러가지 쓸만하면서도 있어보이는 옵션을 추가할 예정이다.
호환성 : IE7+, 크롬에서 확인해 보았다. IE6는 마땅히 확인해 볼 방법이 없어서;
필요한것 : jQuery 1.4.3 이상?
설치 : jquery.monthpicker-0.1.js, jquery.monthpicker-0.1.css 두개를 추가시킨다.
사용
요렇게 간단하게 년도-월 을 선택해 주게 하는 훌러그인이다.
input 박스를 클릭하면 월을 선택할수 있는 달력 비스무리한게 팝업되서
원하는 달을 클릭하면 input 박스에 클릭한 월을 보여주는 짖을 한다.
필요에 의해 급하게 맹그느라 기능도 쫌 허접하고 소스역시 허접하다. 언제가 될진 모르겠지만
0.2로 버전업을 한다면 테마기능과 여러가지 쓸만하면서도 있어보이는 옵션을 추가할 예정이다.
호환성 : IE7+, 크롬에서 확인해 보았다. IE6는 마땅히 확인해 볼 방법이 없어서;
필요한것 : jQuery 1.4.3 이상?
설치 : jquery.monthpicker-0.1.js, jquery.monthpicker-0.1.css 두개를 추가시킨다.
<script type="text/javascript" src="jquery-1.6.4.min.js"></script> <script type="text/javascript" src="jquery.monthpicker-0.1.js"></script> <link type="text/css" href="jquery.monthpicker-0.1.css" rel="stylesheet"/>
사용
$(".month").monthPicker();
$("#mp").monthPicker();
<input class="month"/>
<input class="month"/>
<input id="mp"/>
jquery.monthpicker-0.1.zip'jQuery Plugin' 카테고리의 다른 글
| 자작 훌러그인 : jQuery shortcut v0.1 (웹페이지에 단축키 기능을 넣자) (5) | 2011.11.18 |
|---|---|
| 자작 훌러그인 : jQuery blingHover v0.1 (링크 롤오버시 텍스트 컬러를 보드랍게 바꿔주기-_-) (0) | 2011.11.07 |
| jQuery datepicker 팝업창 사이즈 바꾸기 (3) | 2011.11.06 |
| jQuery UI datepicker z-index 때문에 datepicker 가 뽓 나타나지 않을때 해결하기 (1) | 2011.11.06 |
| jQuery Plugin : Slider (0) | 2011.08.30 |
jQuery Plugin : Slider
jQuery Plugin 2011. 8. 30. 13:50
가격, 숫자 범위 선택 기능을 맨들때 가져다 쓰면 좋을것 같다.
'jQuery Plugin' 카테고리의 다른 글
| 자작 훌러그인 : jQuery shortcut v0.1 (웹페이지에 단축키 기능을 넣자) (5) | 2011.11.18 |
|---|---|
| 자작 훌러그인 : jQuery blingHover v0.1 (링크 롤오버시 텍스트 컬러를 보드랍게 바꿔주기-_-) (0) | 2011.11.07 |
| jQuery datepicker 팝업창 사이즈 바꾸기 (3) | 2011.11.06 |
| jQuery UI datepicker z-index 때문에 datepicker 가 뽓 나타나지 않을때 해결하기 (1) | 2011.11.06 |
| 자작 훌러그인 : jQuery monthPicker Plugin v0.1 (2) | 2011.09.19 |
