검색결과 리스트
jQuery에 해당되는 글 5건
- 2013.12.17 [Jquery]html 동적추가할 경우 Jquery datepicker 추가
- 2013.12.15 [JavaScript]jquery dialog enter 누를시 닫히는 현상
- 2012.11.04 jquery ui datepicker
- 2010.11.02 [jQuery]jQuery 플러그인
- 2010.10.20 [jQuery] jQuery 기초 강좌 사이트
글
동적으로 추가된 html 코드에 달력을 띄울 경우에는 jquery 달력이 작동하지 않는다.
아래처럼 동적으로 추가한 후에 each로 jquery 달력이 동작하도록 설정한다.
function addHtml(){
.... html 동적 추가 코드 ...
.... html 동적 추가 코드 ...
$('.datepicker').each(function(){
$(this).datepicker();
});
}
.datepicker는 추가한 코드에 class를 이용함.
'IT분야 > Javascript' 카테고리의 다른 글
[Jquery]html 동적추가할 경우 Jquery datepicker 추가 (0) | 2013.12.17 |
---|---|
[JavaScript]jquery dialog enter 누를시 닫히는 현상 (0) | 2013.12.15 |
[JAVASCRIPT]JSON 오류검사 (1) | 2013.02.26 |
jquery ui datepicker (0) | 2012.11.04 |
설정
트랙백
댓글
글
출처 : http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem
http://blog.naver.com/PostView.nhn?blogId=lcoguss&logNo=199048137
html의 input 에서 문자 입력 후에 enter를 누를 시 dialog가 닫혀버리는 현상이 있다.
아래처럼 keyCode가 13일때 아무런 처리를 하지 않으면 된다.
$('.dialog').find('input').keypress(function(e) { if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { //$(this).parent().parent().parent().parent().find('.ui-dialog-buttonpane').find('button:first').click(); /* Assuming the first one is the action button */ return false; } });
'IT분야 > Javascript' 카테고리의 다른 글
[Jquery]html 동적추가할 경우 Jquery datepicker 추가 (0) | 2013.12.17 |
---|---|
[JavaScript]jquery dialog enter 누를시 닫히는 현상 (0) | 2013.12.15 |
[JAVASCRIPT]JSON 오류검사 (1) | 2013.02.26 |
jquery ui datepicker (0) | 2012.11.04 |
설정
트랙백
댓글
글
출처 : http://jmnote.com/wiki/JQuery_UI_%EA%B8%B0%EA%B0%84_%EC%84%A0%ED%83%9D_(datepicker)
조회기간: ~
시작날짜를 선택하면 마지막날짜를 시작날짜 이후만 선택되도록 된다.
Jquery 참 편한것 같다..ㅎㅎ
'IT분야 > Javascript' 카테고리의 다른 글
[Jquery]html 동적추가할 경우 Jquery datepicker 추가 (0) | 2013.12.17 |
---|---|
[JavaScript]jquery dialog enter 누를시 닫히는 현상 (0) | 2013.12.15 |
[JAVASCRIPT]JSON 오류검사 (1) | 2013.02.26 |
jquery ui datepicker (0) | 2012.11.04 |
설정
트랙백
댓글
글
jQuery를 처음 접해봤다. 아직 싱숭생숭하지만 기존에 javascript로만 해왔던 부분이 정말 손쉽게, 간단하게 되는 부분을 보고 반했다. 간단히 플러그인 들을 받아서 테스트까지 해보았는데 앞으로 개발시 참고하면 정말 유용할 것 같다. 문제는 플러그인을 찾는게 관건...
* 폼 유효성 검사 : http://plugins.jquery.com/project/validate
사이트에서 다운받고 demo 폴더에서 index.html을 실행하면 구현된 부분을 볼 수 있다.
유효성 체크하는것이 종류가 2개가 있는데 index.html 화면에서 두번째 폼 부분을 보고 소스를 추출해 내면 된다.
* 플래시 효과 : http://medienfreunde.com/lab/innerfade/#n2
다운받지 않고 바로 테스트화면과 소스가 공개되어 있다
* 테이블 컬럼 숨기기 : http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html
말그대로 테이블에 컬럼(열)을 숨길 수 있는 기능
위 3개의 링크들은 아래의 사이트에서 찾아 볼 수 있다. 이밖에도 많은 사이트가 링크 되어 있다.
http://wiki.dev.daewoobrenic.co.kr/mediawiki/index.php/JQuery
'IT분야 > Html' 카테고리의 다른 글
[Javascript]Flash Player version check (0) | 2012.04.10 |
---|---|
css로 게시판 제목 자르기 (0) | 2012.04.08 |
[HTML] 로그인 할 때 자동완성 끄기 (0) | 2011.01.23 |
[jQuery]jQuery 플러그인 (0) | 2010.11.02 |
[HTML] Html 웹표준 DTD 선언 문서 형식 (0) | 2010.10.20 |
[jQuery] jQuery 기초 강좌 사이트 (0) | 2010.10.20 |
설정
트랙백
댓글
글
잘 정리 되어 있는 곳인 것 같다.
http://www.boog.co.kr/boog/jquery_lecture
'IT분야 > Html' 카테고리의 다른 글
[Javascript]Flash Player version check (0) | 2012.04.10 |
---|---|
css로 게시판 제목 자르기 (0) | 2012.04.08 |
[HTML] 로그인 할 때 자동완성 끄기 (0) | 2011.01.23 |
[jQuery]jQuery 플러그인 (0) | 2010.11.02 |
[HTML] Html 웹표준 DTD 선언 문서 형식 (0) | 2010.10.20 |
[jQuery] jQuery 기초 강좌 사이트 (0) | 2010.10.20 |