씹어먹는 블로그

infinite scorll 기능 등을 다룰 때, ajax로 데이터를 가져와 append 하게 되는데, 이 때 나중에 append 된 데이터들에 이벤트가 안먹힌다면 아래방법을 사용 $(document).on("click",".list_wrap", function(){ //code }); 끝.

$(function(){ $("#search_text").on('keyup',function(){ var search_text = this.value; if(search_text){ var text = $("#text_area").val(); var exp_result = new RegExp(search_text,'g'); var count = (text.match(exp_result) || []).length; $("#result").text(search_text+ " : " +count+"회 검색 되었습니다."); }else{ $("#result").text(""); } }); });

slick slider 옵션 중 아래 옵션 false pauseOnFocus: false,

개요 웹 개발시 자바스크립트로 외부 서버의 경로로 ajax요청을 날리면 에러가 나면서 요청이 실패한다.웹 브라우저의 콘솔창에 아래와 같은 메시지를 보게 된다.크롬No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ‘[요청한 도메인]' is therefore not allowed access. 파이어폭스교차 출처 요청 차단: 동일 출처 정책으로 인해 [요청한 도메인]에 있는 원격 자원을 차단하였습니다. (원인: 'Access-Control-Allow-Origin' CORS 헤더가 없음). 외부로 요청이 안되는것은 자바스크립트 엔진 표준 스팩에 동일 출처 정책(same-origin policy)이라는 보안 규..

ajax 사용 시 json 방식으로 호출할 때, php 페이지에서 response를 해줘야 에러 없이 정상 사용이 가능. js 페이지 -- $.ajax({ type: 'post', cache: false, url: '/ajax.shareware.php', dataType: 'json', data: params, success:function(data) { if(data) { alert('정상적으로 발송 되었습니다.'); //Form 초기화 $("#estiFrm_shareware")[0].reset(); } }, error:function(request,status,error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+..

엘리먼트를 덜덜 떨리게 하는 jQuery 플러그인을 소개한다. jRumble 플러그인이다. http://jackrugile.com/jrumble/ 위 사이트에 접속하면 친절하게 데모들과 도큐먼트가 정리 되어 있다. 기본적인 사용방법을 알아보자. 먼저 jquery1.7.2 이상의 버전과 jrumble 최신버전(현재는 1.3)을 불러온다. 흔들림 테스트 위처럼 코드를 실행한 후, '흔들림 테스트' 라는 글자위에 마우스를 대보자. 자연스럽게 떨림 효과가 실행된다. 필자가 테스트 해 본 결과, jrumble을 사용할 때 주의할 점이 하나 있는데, 바로 css3 애니메이션효과 (transition, transform 등등)와 함께 사용한다면 jrumble이 실행되지 않는다는 것이다. 쉽게 설명해서 css3로 fa..

jQuery 로 Drop&Down 메뉴를 만들어보자. jquery와, dropdown.js 파일을 참조하면 쉽게 구현할 수 있다. 예제 : 1. 자바스크립트 선택 : 2. CSS/HTML 선택 : 3. 플래시 선택 : 자바스크립트 선택 메뉴/네비게이션 이미지/갤러리 텍스트/링크 날짜/시계/계산 스크롤 CSS / HTML 선택 메뉴 디자인 버튼/링크 레이아웃/박스 폼 디자인 이미지/텍스트 플래시 선택 이미지/갤러리 템플릿 색상/그림그리기 멀티미디어 파티클 파일 다운로드 :

jquery-ui 에는 많은 기능들이 들어가있다.Draggable, Droppable, Resizable, Selectable, Sortable.. 등등 엄청 많다.이것들을 응용하면 무한하게 결과물을 만들어낼 수 있다. jquery-ui 사이트 : http://jqueryui.com/오.. 캡쳐뜰라고 화면 줄였는데, 반응형웹으로 구성되어 있다. jquery-ui 에서 가장 많이 쓰이는 기능은 Draggable과 Droppable 이라 할 수 있겠다.Droppable 예제 : http://jqueryui.com/droppable/ 이렇게 마우스로 테스트 해볼 수 있게 예제가 마련되어 있다.Droppable 이외에도 많은 기능들에 대한 예제들이 있으니 직접 방문해보기를 권한다. 자, 그러나 요즘은 모바일 기..

ajax 크로스 도메인 방법 : json.php 파일과 json_process.php 파일을 각각 다른 서버(서로 다른 도메인)에 업로드 시킨다.그 후, json.php 를 실행시키고 데이터를 submit 시킨다. (그전에 빨간색 mydomain.co.kr 을 json_process.php가 올라가 있는 도메인으로 수정) ajax 크로스 도메인 예제 json.php 파일 ===Jquery Ajax JSON Cross Domain ExampleYour name: Type something: json_process.php 파일 ===