본문 바로가기

전체 글

lightBox2 - 레이어 팝업 jQuery 를 이용한 litebox2 레이어 팝업 플러그인입니다. PlugIn & DownLoad URL : http://lokeshdhakar.com/projects/lightbox2/ 샘플 소스 파일 : 홈페이지 상에도 나와있지만 MIT 라이센스로 큰 제약 없이 이용 가능한 플러그인 입니다. 더보기
다음 블로그 검색연동 ( XML , JSON ) 다음 블로그 검색 결과 XML로 받기 * API Url : http://dna.daum.net/apis/search * Test Url : http://apis.daum.net/search/blog?q=uhoon.co.kr&apikey=DAUM_SEARCH_DEMO_APIKEY * API Key : http://dna.daum.net/myapi/dashboard 기타 검색 및 상세 옵션은 API 를 참고해주시고 블로그 검색을 위한 옵션입니다. Request Parameter 요청변수 값 설명 q string (필수) 검색을 원하는 질의어 result integer : 기본값 10, 최소 1, 최대 20 한 페이지에 출력될 결과수 pageno integer : 기본값 1, 최소 1, 최대 500 검색 결과.. 더보기
다음맵 로드뷰 다음맵에서 지원하는 로드뷰 샘플 코드입니다. 추가로 위경도 정보를 읽어와서 표시할수 있도록 했습니다. 더보기
다음 에디터 다음 에디터 샘플 코드입니다. 네이버 스마트 에디터가 더 나은것같다는 생각이 들기도합니다만 요청에 의해 코드작업 했습니다. 삽입 코드가 좀 기네요. 별도 모듈로 빼면 좋겠다는 생각이 듭니다. Download : https://code.google.com/p/daumopeneditor/downloads/list issues Board : https://code.google.com/p/daumopeneditor/issues/list 사진 파일 외부컨텐츠 버튼 더보기 넓게쓰기 에디터 굴림 9pt 굵게 밑줄 기울임 취소선 글자색 글자색 선택 글자 배경색 글자 배경색 선택 왼쪽정렬 가운데정렬 오른쪽정렬 양쪽정렬 들여쓰기 내어쓰기 줄간격 줄간격 선택 리스트 리스트 선택 이모티콘 링크 특수문자 표만들기 구분선 글상자.. 더보기
다음맵 api 마커 + 말풍선 다음맵 API를 이용한 기본 마커 + 말풍선 샘플 코드입니다. 더보기
jQuery 객체 초기화 Jquery에서 $('#폼').reset() 스크립트로는 초기화가 되지 않습니다.. 지정객체 또는 반복문을 이용해서 초기화를 해야합니다. 폼 전체 초기화 $("form[name='폼네임']").each(function(){ this.reset(); }); 특정 객체 초기화 // 타입 : input , text , button 등.. $("form[name='폼네임']").find('타입').each(function() { $(this).val(""); }); 더보기
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: .. 더보기

티스토리툴바