http://stackoverflow.com/questions/12526800/jquery-date-picker-doesnt-work-on-dynamic-form

동적으로 추가된 html 코드에 달력을 띄울 경우에는 jquery 달력이 작동하지 않는다.

아래처럼 동적으로 추가한 후에 each로 jquery 달력이 동작하도록 설정한다.


function addHtml(){

.... html 동적 추가 코드 ...


.... html 동적 추가 코드 ...


$('.datepicker').each(function(){
    $(this).datepicker();
});

}


.datepicker는 추가한 코드에 class를 이용함.

출처 : http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem

         http://blog.naver.com/PostView.nhn?blogId=lcoguss&logNo=199048137


jquery dialog로 창을 띄워놓고

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;
	}
});



출처 : http://jmnote.com/wiki/JQuery_UI_%EA%B8%B0%EA%B0%84_%EC%84%A0%ED%83%9D_(datepicker)







조회기간: ~



시작날짜를 선택하면 마지막날짜를 시작날짜 이후만 선택되도록 된다.

Jquery 참 편한것 같다..ㅎㅎ


 

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


잘 정리 되어 있는 곳인 것 같다.

http://www.boog.co.kr/boog/jquery_lecture