본문 바로가기

jQuery

jquery on 이벤트 핸들러 jQuery on 이벤트 핸들러 사용방법 API Link : http://api.jquery.com/on/ 어쩌구 저쩌구 해서.. delegate , live , bind => on 사용하시면 됩니다. function myHandler(event) { alert(event.data.foo); } $(function() { $("p").on("click", {foo: "bar"}, myHandler) }); TEST $(function() { $("p").on("click", function(){ alert( $(this).text() ); }); }); TEST 더보기
jQuery 에러 리포팅 , Ajax 디버깅 ( JS , ASP ) - 오류메시지 확인하기 Jquery 를 이용한 에러 리포팅 소스 //Ajax 호출 함수. 예시. function detailView() { $.ajax({ type: "POST", dataType: "xml", url: "xxx.asp", data: { mode : "DETAIL"}, success: function(xmlRS){ // 성공처리 } ,error: function(xhr, ajaxOptions, thrownError){ //에러처리 fnSendErrorReport(xhr.responseText); alert("Detail Load Error"); } }); } // 에러 리포팅 함수. function fnSendErrorReport(errorMsg) { $.ajax({ type: "POST", dataType: .. 더보기
jQuery SelectBox Option 값 초기화 및 수정 삭제 jQuery 를 이용한 Select Box 값 초기화 및 수정 / 삭제 하는 기능 샘플 코드입니다. //전부 삭제 $("form[name='"+formId + "'] select[name='"+objId+"'] option").remove(); //하나 삭제 $('#ttt').children("[value='04']").remove(); //추가할때 $('#ttt').append('Split'); // select box 초기화 하는 함수. function fnResetSelectBox(formName,objId) { $("form[name='"+formName+ "'] select[name='"+objId+"'] option").remove(); $("form[name='"+formName+ "'] s.. 더보기
Jquery를 이용한 XML 데이터 파싱 많은 부분의 Jquery UI API들이 대부분이런 형태로 XML 데이터를 파싱하여 배열에 넣고 UI를 생성하는 방식으로 처리되고 있는 것 같다. XML 파일 - - 번호 제목 타입 Javascript 소스$.ajax({ type: "get" ,dataType: "xml" ,url: "xml파일 주소" ,success: function(xml){ if($(xml).find("item").length > 0){ // null check $(xml).find("item").each(function(){ // item 수만큼 loop // item 요소 중 title 읽어오기. var title = $(this).find("title").text(); }); } } ,error: function(){ aler.. 더보기
jQuery 메뉴 바 샘플 코드 간편하게 사용할 수 있는 메뉴 바 샘플 코드입니다. Booking Booking Group Booking Basic Code Nation Code City Code Basic Code Nation Code City Code Event Promotion Main Page Event Management Tab Event Hotel Basic Code Nation Code City Code Event Image 더보기
Jquery 스터디 http://api.jquery.com/ A 부터 Z 까지.. 공부하기.. API 샘플코드 직접 코딩해보고 이해하기 위한 약간의 추가 코딩으로 익히기 미션 수행 중.. 더보기