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
저작자 표시
신고