꼰대 개발자의 블로그

꼰대가 흐름을 따라가고 싶어서 기록하는 블로그

Open API/Jquery

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

2016. 10. 28.

Open API/Jquery

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: ..

2016. 10. 28.

Open API/Jquery

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..

2016. 10. 28.

Open API/Jquery

많은 부분의 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..

2016. 10. 28.

Open API/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

2016. 10. 28.

Open API/Jquery

http://api.jquery.com/ A 부터 Z 까지.. 공부하기.. API 샘플코드 직접 코딩해보고 이해하기 위한 약간의 추가 코딩으로 익히기 미션 수행 중..

2016. 10. 28.