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



저작자 표시
신고


JSON 테스트할 때에 아래 사이트에서 json 데이터를 검증 할 수 있다.

오류가 있을 경우 간단하게 오류 항목을 알려준다.


http://www.jsonlint.com/

저작자 표시
신고

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







조회기간: ~



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

Jquery 참 편한것 같다..ㅎㅎ

저작자 표시
신고

출처 : http://blog.wimy.com/268


jw player를 이용하여 동영상을 구현 하던 중 특정 컴퓨터에서 동영상 플레이가 되지 않는 현상이 있었다.


체크 해보니 플레시 버전이 낮은터라 그런 현상이 일어 났었다.


Flash version 이 낮은 컴퓨터에서는  최신 버전을 설치하고 브라우저를 닫은 후 웹사이트에 접속하니 제대로 동영상이 플레이 되었다.

----------------------------------------------------------------------------------------------------------------------

<div id="nonMediaplayer" class="noplayer" style="display:none;">동영상이 안보이시면 아래 Flash Player를 설치하신 후 인터넷창을 새로 열어서 확인바랍니다. 

<p style="padding:20px 0 0 50px;"><a href="http://get.adobe.com/kr/flashplayer/" target="_blank"><img src="../images/fplayer.gif" alt="" /></a> </p>

</div>

<!-- jw player -->

<div id="mediaplayer"></div>

<script type="text/javascript">

jwplayer("mediaplayer").setup({

flashplayer: "../jwplayer/player.swf",

file: "../images/hongbo.mp4",

image: "../images/mv.jpg",

width:"246",

height:"167"

});

</script>

<!-- //jw player -->

<!-- google Api를 이용한 플레시 버전 체크 -->

<script src="http://www.google.com/jsapi" type="text/javascript"></script>

<script type="text/javascript">

google.load("swfobject", "2.1");


google.setOnLoadCallback(onLoad);


function onLoad()

{

var flashVersion = swfobject.getFlashPlayerVersion();

  

//alert("Flash version : " + flashVersion.major + "." + flashVersion.minor);

if(flashVersion.major >= 11){

//if(flashVersion.major < 11){

$("#nonMediaplayer").hide();

$("#mediaplayer").show();

}else{

$("#nonMediaplayer").show();

$("#mediaplayer").hide();

}

}

</script>

<!-- //google Api를 이용한 플레시 버전 체크 -->

---------------------------------------------------------------------------------------------------------------------------


본인은 그냥 Flash version이 11버전 대 이하이면 설치하라는 div를 block시키고

동영상 플레이어 div를 display:none 시켰다.


플레시 버전을 보려면 alert을 주석 풀어서 테스트 해보시길바랍니다.

저작자 표시
신고
webView 사용할 때 alert이나 confirm이 되지 않는다.. 밑에 소스코드처럼 구현 해 주어야 출력이 된다.


webview.setWebChromeClient(new WebChromeClient() {
                public boolean onJsAlert(WebView view, String url,
                        String message, final android.webkit.JsResult result) {
                    new AlertDialog.Builder(myApp)
                            .setTitle("Concierge")
                            .setMessage(message)
                            .setPositiveButton(android.R.string.ok,
                                    new AlertDialog.OnClickListener() {
                                        public void onClick(
                                                DialogInterface dialog,
                                                int which) {
                                            result.confirm();
                                        }
                                    }).setCancelable(false).create().show();

                    return true;
                };

                public boolean onJsConfirm(WebView view, String url,
                        String message, final android.webkit.JsResult result) {
                    new AlertDialog.Builder(myApp)
                            .setTitle("Concierge")
                            .setMessage(message)
                            .setPositiveButton(android.R.string.ok,
                                    new AlertDialog.OnClickListener() {
                                        public void onClick(
                                                DialogInterface dialog,
                                                int which) {
                                            result.confirm();
                                        }
                                    })
                            .setNegativeButton(android.R.string.cancel,
                                    new AlertDialog.OnClickListener() {
                                        public void onClick(
                                                DialogInterface dialog,
                                                int which) {
                                            result.cancel();
                                        }
                                    }).setCancelable(false).create().show();
                    return true;
                }

            });

저작자 표시
신고


 

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