본문 바로가기

JQUERY11

[ JQUERY ] ajax 사용 시 error 발생 확인 $.ajax({ type: "POST", url: /region/regionCityChange">"/region/regionCityChange", data: param, //&a=xxx 식으로 뒤에 더 붙이면 됨 dataType: "text", success: siguResult, error:function(request,status,error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } } ); 와 같이 작성 하면 error 에서 에러가 왜 발생 했는지 알려 준다. 나 같은 경우 200 코드 (성공) 이 뜨는데 dataType 을 잘 못 받고 있어서 success 함수로 나오지 않는 .. 2012. 11. 16.
[ JQUERY ] loading 을 위한 modal loading 을 구현하기 위해 background 가 투명하게 바뀌면서 클릭을 못하게 막으면서 loading 이미지가 뜨는 페이지를 만들기 위해 jquery 의 플러그인을 이용해 보았다. 플러그인을 받은 경로는 http://www.ericmmartin.com/projects/simplemodal-demos/ 이고 소스 코드는 아래와 같다. 1. div 영역을 만들어 준다.(이미지가 안보이도록 style='display:none' 처리를 해준다.) 2. 자바스크립트로 modal 함수를 불러서 modal 을 실행 시키면 된다. 상세 옵션은 위의 링크에서 확인 하면 되지만 일단 로딩 화면만 구현하기 위해서는 아래에 있는 소스만으로 충분 할 것으로 보인다. 2012. 3. 30.
[ JQUERY ] check box 전체 선택, 해제 JQUERY 에서 전체 선택, 전체 해제는 정말 간단 하다. 그런데 왜 그런지는 모르겠으나 잘 못 된 구현 법이 인터넷에 범람하고 있어서 엄청 고생한 것 같다. 일단 잘 못 된 구현 법을 적어 놓아 보겠다. --------------------------------- 자바스크립트 function checkedAll(){ if($("input[name=CHECK_ALL_CONTENTS]").is(":checked")){ $("input[name=CHECK_CONTENT_ID]").attr("checked","checked")); }else{ $("input[name=CHECK_CONTENT_ID]").attr("checked","")); } } 위의 방법은 해제가 되지 않는다. "" 라는 checked a.. 2012. 1. 5.
[ JQUERY ] JALERT, JCONFIRM, JPROMPT 사용법 UI 가 수려한 자바 스크립트 alert , confirm, prompt 가 있어서 사용법을 정리 하여 보았다. 일단 어떻게 생긴 것인지 보자. 1. jalert 2. jconfirm 3. jprompt 사용법은 아래에 소스로 남겨 놓는다. 일단 http://abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/ 에서 다운로드 부터 받아야 한다. 예제 소스는 아래와 같다. 원하는 녀석의 주석을 풀고 테스트 해보면 감이 올 것이다. 2011. 12. 16.